如何在使用百分比時將內部表格大小設置爲外部列的大小？

我的'anothertablebody'會根據用戶輸入的大小而增加，它可以增加到超過外部表，我不想這樣。我希望寬度不是由像素固定，而是根據外部表格。對於例如COL1我想要它的外部列的10％，col2外部列的30％n col3外部列的60％...如何完成？如何在使用百分比時將內部表格大小設置爲外部列的大小？

這將是很好，如果我也能得到什麼像素的寬度爲100％......

<table width='90%'> 
<tbody id='todobody'> 
    <tr> 
     <td valign='top' width='100%'> <--- this is the outer column 
      <div class='div1'> 
       <table> 
        <tbody id='atablebody'> 
        <tr> 
        <td>col1</td> 
        <td>col2</td> 
        <td>col3</td>            
        </tr> 
        </tbody> 
        <tbody id=anothertablebody'></tbody> 
       </table> 
      </div> 
     </td> 
    </tr> 
</tbody> 
</table>

來源

2010-02-26 yeeen

<table width='90%'> 
<tbody id='todobody'> 
    <tr> 
     <td valign='top' width='100%'> <!-- this is the outer column--> 
      <div class='div1' style="width: 100%;"> 
       <table width="100%"> 
        <tbody id='atablebody'> 
        <tr> 
        <td width="10%">col1</td> 
        <td width="30%">col2</td> 
        <td>col3</td>            
        </tr> 
        </tbody> 
        <tbody id=anothertablebody'></tbody> 
       </table> 
      </div> 
     </td> 
    </tr> 
</tbody> 
</table>

當你說width="100%"，這意味着特定標籤應占據的寬度的100％可用它

來源

2010-02-26 08:31:57

你建議我在添加其他行之前的作品... 但是，當我在其他行中添加，寬度再次遵循文本的長度。 var tr = ele.create（'tr'）; var col1 = ele.create（'td'）; col1.width ='5％'; //似乎不起作用？ – yeeen 2010-02-27 01:57:30

你用Javascript創建行嗎？如果是，請嘗試使用CSS爲表格列提供所需的寬度（而不是像上面那樣使用標籤屬性） – 2010-03-01 10:05:32

如何在使用百分比時將內部表格大小設置爲外部列的大小？

回答

相關問題