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

c++ - why does this code produce a runtime error? -

contains # lt; Stdio.h & gt; #to & lt include, conio.h & gt; #to & lt include, windows.h & gt; Structure node {int a; Structure node * next; }; Zero constructivist (Structure node ** head) {struct node * p, * temp; Int n; Printf ("Enter number \ n"); Scanf ("% d", & amp; n); P = (straight node *) maulok (psychophag (strip node)); P-> = N; If (* head == 0) {* head = p; P-> Next = 0; Temporary = p; } And {temp-> next = p; Temporary = p; P-> Next = 0; }} Void frontbacksplit (Structure node ** head, Structure node ** Head1, Structure node ** Head 2) {int counter = 0, i; Structure node * temporary, * p; Temporary = * head; While (temporary! = 0) {counter ++; Temporary = temp-> Next; } Int n; If (counter% 2 == 0) {n = counter / 2; } And {n = (counter + 1) / 2; } Temp = * head; (I = 0; i & lt; n-1; i ++) for {if (* head1 == 0) {* head1 = temp; } Temp = temp- & gt; next; } P = temp; Temporary = temp-> Next; P-> Next ...
Read more

java - Can Find the error -

Then my Java online class, I must include the variable and provide the set and of course get the name of the instructor's course. Welcome to the grade book for: How to get the methods, and to display the message: And this course has been presented by: Class gradebook: public class gradebook {personal string string name; Public String Course Teacher; Public gradebook (string name, string teacher) {courseName = name; Course Teacher = Teacher; } Public ZeroServer Name (string name) {courseName = name; } Public string getCourseName () {return courseName; } Public Zero Setchers Teacher (String Teacher) {Course Teacher = Teacher; } Receive public stringTeker () {return course teacher; } Public Zero Display Message () {System.out.printf ("Welcome to the Book of Grade: / n% s! \ N", getCourseName (), "This course is presented as: \ n % S \ n! ", GetCourseTeacher ()); }} Main category: import java.util.Scanner; Public grade gradebook {public static zero ma...
Read more

maximum size of array in c -

इस सवाल का पहले से ही एक उत्तर है: 7 जवाब अधिकतम सरणी क्यों बदलता है स्थानीय घोषणा और वैश्विक घोषणा से? मैंने कुछ ब्लॉग में पढ़ा है कि अधिकतम आकार के सरणी को हम घोषणा कर सकते हैं, स्थानीय घोषणा के मामले में और 10 ^ 7 से 2 * 10 ^ 8 के बीच 10 ^ 6 होगा वैश्विक घोषणा के मामले में इसके लिए क्या कारण है? ये संख्या सामान्यतः एक चीज का अर्थ नहीं है, वे विशिष्ट हैं ओएस + मशीन के लिए लेकिन स्थानीय घोषणा और वैश्विक घोषणा आभासी स्मृति के विभिन्न क्षेत्रों में की जाती है। स्थानीय वेरिएबल्स स्टैक पर हैं, जो आमतौर पर ढेर (गतिशील रूप से आवंटित ग्लोबल वैरिएबल के लिए उपयोग किए जाते हैं) से छोटा होता है
Read more