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

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

c - Performance of System() -

After the function in C, for the system (), it affects the hardware counters, so how do you order that The example displayed for the example you are trying to view lets the IM use the display API (PAPI) and the program is a precompiled matrix multiplication application. PAPI_start_counters (); System ("./matmul"); PAPI_read_counters (); // Print the values ​​PAPI_stop_counters (); I'm clearly missing a bit, but I'm trying to figure out what it is possible to say, counter receiving a program im running Is through use. With my tests I will get wild numbers like below, they are clearly wrong, just want to find out why total bicycle =========== 140733358872510 instructions complete =========== 4203968 Floating Point Instructions =========== Floating Point Operations =========== 4,196,867 Weight ======= ==== 140733358872804 store ======= ==== 4204037 branches taken =========== 15774436 System () Normally it is a very slow function, on Linux, it is ...
Read more

c++ - How to define methods in a base class that only work in derived classes? -

The title is slightly ambiguous, so I will say an example of what I want to achieve: Class ValuePtr {Public: Operator Canned void * () {return glm :: value_ptr (* this); // value ptr will not work on this class // (works only on glm type)}}; Square mat4x4: public glm :: mat4x4, public valuePtr {// ... but will work here}; Square Vec3: Public glm :: vec3, Public ValuePtr {// ... and here. } Is such a thing possible? glm :: value_ptr works only on glm type like glm :: mat4x4 , glm: : Vec3 , etc. The above seen method works if I implement it directly into derivative classes, but they should all be defined as operator construct * zero * in the same way. I should behave like a special behavior: define it in the general base class, whereas definition only works in derived classes. Thank you for the answer, I use this solution: template & lt; Class T & gt; Class ValuePtr: Public T {Public: Operator Constant * () {return glm :: value_ptr (* this); }}; Class ...
Read more