如何在插入数据的tr中将动态宽度放在td上

时间:2012-09-14 11:57:44

标签: html css html-table

我正在使用100%宽度的表格,因为我的表行包含两个表格数据,如下所示:

<table width="100%" border="1" >
    <tr>
      <td style="width:150px;" class="fontbold fontgrey">Data1 :<span class="fontdgrey">Rs. </span></td>
      <td width="15">&#160;</td>
      <td style="width:200px;" class="fontbold fontgrey">Data2 :<span class="fontdgrey">Rs. </span></td>

    </tr>
</table>  

它的输出是这样的:

Data1 Rs。 Data2 Rs。

对我来说没问题但是如果我增加文本长度,它就不会像这样正确的格式

InsertedNewData InsertedNewData2
Rs Rs。

所以我想动态增加td宽度,内容插入其中,如下所示:

InsertedNewData Rs.100000 InsertedNewData2 Rs。 1000000

我该怎么做?

1 个答案:

答案 0 :(得分:1)

删除style='width:150px;style='width:250px 并且td元素变为动态,因为表元素宽度为100%