增加表的行数

Question

<table>
    <tr>
      <td>//1
        //some control server side  
      </td>
    </tr>
    <tr>
        <td>//2
            //some control server side
        </td>
    </tr>
    <tr>
        <td>//3
           //some control server side
        </td>
    </tr>
</table>

我喜欢当增加td.1的高度内容然后自动增加td.2和td.3的高度。

Answer 1

你可以用CSS轻松完成。

<table>
  <tr>
    <td class="cell-class"> cell 1 </td>
  </tr>
  <tr>
    <td class="cell-class"> cell 2 </td>
  </tr>
  <tr>
    <td class="cell-class"> cell 3 </td>
  </tr>
</table>

在.css文件中，执行：

.cell-class { height: 40px; }

当你增加css的高度时，三个单元格将自动增加高度。

Answer 2

增加所有单元格高度的更简洁（更快）的方法是：

HTML

<table id="my_table">
    <tr>
        <td> cell 1 </td>
    </tr>
    <tr>
        <td> cell 1 </td>
    </tr>
    <tr>
        <td> cell 1 </td>
    </tr>
</table>

CSS

#my_table tr td
{
  height: 40px;
}