Question

我正在创建一个网络应用，其中我想要一个包含多个<tr>和<td>

的表格

这是我的代码

<tr>
  <th style="width:30px;">date</th>
</tr>
<tr>
   <td>10-10-2016</td>
</tr>

它工作正常，直到我添加另一个tr

<tr>
   <td style="width:200px;">Expense incurred towards sessions</td>
</tr>

它增加了我的日期（th，td）的宽度，或者它显示了我的其他td像

费用

发生

朝

会话

我不想增加日期td的宽度，但希望我的第二个td在同一行上

会议费用

像这样我需要css这个

这是我的表

<table id="table" ng-hide="hidetable" class="table font" style="width:100%;
 margin-top:30px; padding-top:10px;">

Answer 1

这类似于你之后的任何事情吗？用于实现此目的的colspan=" "属性Here is more。

＆＃13;

<table id="table" ng-hide="hidetable" class="table font" style="width:100%;
 margin-top:30px; padding-top:10px;">
<tr>
  <th style="width:30px;background-color:#f2f2f2;">date</th>
  <td style="background-color:#f2f2f2;">10-10-2016</td>
</tr>
<tr>
   <td colspan="2" style="background-color:#f2f2f2;">Expense incurred towards sessions</td>
</tr>
  </table>

＆＃13;

Answer 2

尝试：

    <table>
    <tr>
      <th style="width:30px;">date</th>
    </tr>
    <tr>
       <td>10-10-2016</td>
    </tr>
    <tr>
       <td colspan="2">Expense incurred towards sessions</td>
    </tr>
</table>

给表中不同的td赋予不同的宽度

2 个答案: