javascript - html table cell match tr width (non static rows count) -


मेरे पास ऐसी html संरचना है: 

  & lt; तालिका सीमा = 1 & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;   
 मैं कैसे कर सकता हूं, उदाहरण के तौर पर पहले टीआर टीडी 100% के लिए है, दूसरे ट्र दो टीडी के दोनों 50% हैं, लेकिन सभी 100% और इतने पर, मुझे इसे भरना होगा। टीडी चौड़ाई के लिए, और यदि एक से अधिक टीडी, यह करने के लिए कि वे इस चौड़ाई को बांटते हैं ...  
  
 संभवत: जेएस के बिना ...  
  अपडेट: नहीं! Colspan    
 
 
 HTML का उपयोग  
 बस का उपयोग करें:  
 
 यह विशेषता वर्तमान सेल द्वारा फैले स्तंभों की संख्या को निर्दिष्ट करता है। इस विशेषता का डिफ़ॉल्ट मान एक ("1") है।   
 इसका अर्थ है कि यदि आपकी तालिका में कुल 3 कॉलम हैं और आप एक सेल को सभी 3 कॉलमों को स्पैन करना चाहते हैं, "3" का  colspan  निर्दिष्ट करें:  
  & lt; तालिका सीमा = 1 & gt; & LT; टीआर & gt; & Lt; td colspan = "3" & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "2" & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & LT; टीडी & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & LT; टीआर & gt; & Lt; td colspan = "3" & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt;   
 jQuery का उपयोग  
 आप इसके बजाय  colspan  के लिए गुणों को जोड़ने के लिए jQuery का उपयोग कर सकते हैं:  
  // तालिका के ताल तत्व का कोई संदर्भ प्राप्त करें, और स्तंभों की संख्या को परिभाषित करें var $ tbody = $ ('table')। ('टॉबी') ढूंढें, स्तंभ = 3; // तालिका के प्रत्येक व्यक्ति के माध्यम से लूप $ $ $ tbody.find ('tr')। प्रत्येक (function () {// कक्षों की संख्या निर्धारित करते हैं, और colspan var children = $ (this) निर्धारित करते हैं। बच्चे () आकार (), colspan = कॉलम / बच्चों; // यदि colspan चर को * .5 पर सेट किया गया है, तो पहले सेल उच्च colspan दें (colspan% 1 === 0.5) {$ (this)। बच्चों ('td' ) .attr ('colspan', colspan - 0.5); $ (यह)। बच्चे ('टीडी: पहला')। एट्र ('colspan', colpan + 0.5);} / अन्यथा सभी कोशिकाओं को बराबर colspan else $ देना यह)। बच्चे ('टीडी')। एट्रर ('colspan', colspan);});   
।  
 ध्यान दें कि मैं यहाँ  tbody  का उपयोग कर रहा हूं? आदर्श रूप से आपकी तालिका में  कोई भी  तत्व होना चाहिए, लेकिन अधिकांश ब्राउज़र आपके लिए इसे जोड़ देंगे।

Comments

Post a Comment

Popular posts from this blog

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

wpf - ControlTemplate with changes for every class -

I have the following ControlTemplate that is the same for all my custom controls. & amp; the lift; ControlTemplate x: key = "PssFunctionControlBaseHorizontal" TargetType = "Local: PssFunctionControlBase" & gt; & Lt; Grid & gt; & Lt; Threshold Threshold = "1" & gt; & Lt; Content Control X: Name = "Inner Content" Template = "{Static Resources Inner Contentbase Horizontal}" /> & Lt; / Border & gt; & Lt; Control x: name = "PART_ResizeDecorator" visibility = "short" template = "{static resource resize deccurratematet}" /> & Lt; / Grid & gt; & Lt; ControlTemplate.Triggers & gt; & Lt; Data Trigger Value = "True" Binding = "{Binding Editing Moded, Relative Soros = {ResolveSource Search Engineer, Instant Type = {x: Type Local: PssViewLayoutControl}}}" & gt; & Lt; Setter target name = "PART_ResizeDecorator" ...
Read more

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more