html - 在单元格内设置表格高度

Question

我有一个使用 gridview 创建表的 asp.net 应用程序。我遇到的问题是嵌入在 td 中的表格的高度与 td 的高度不同。它只有内容的高度。我怎样才能让嵌入式表格具有相同的高度？我试过对表格应用 100% 的高度，但这不起作用。

<table cellspacing="0"
style="border-style:None;width:100%;border-collapse:collapse;">
<tbody>
  <tr>
     <th scope="col">
        <table>
           <tbody>
              <tr>
                 <td colspan="2">
                    Entertainment
                 </td>
              </tr>
              <tr>
                 <td>TV</td>
                 <td>Computer</td>
              </tr>
           </tbody>
        </table>
     </th>
  </tr>
  <tr>
     <td>
        <table style="width:100%; border-spacing: 0;">
           <tbody>
              <tr>
                 <td>
                    47
                 </td>
                 <td>
                    47
                 </td>
              </tr>
           </tbody>
        </table>
     </td>
  </tr>
 </tbody>
</table>

Answer 1

像这样尝试 DEMO :

CSS:

table {
    padding:0;
    margin:0;
    border-collapse:collapse;
    width:100%;
}

td{
    height:30px;
}