如何在使用百分比时将内部表格大小设置为外部列的大小？

我的'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

如何在使用百分比时将内部表格大小设置为外部列的大小？

回答

相关问题