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;
}

Answer 2

为呈现表格的td标记赋予高度。如果这不起作用，请将tr标记的高度放在td标记之外，在该标记中呈现表格。

<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 style="height:100px">
        <table>
           <tbody>
              <tr>
                 <td>
                    47
                 </td>
                 <td>
                    47
                 </td>
              </tr>
           </tbody>
        </table>
     </td>
  </tr>
 </tbody>
</table>

或

<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 style="height:100px">
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>
                        47
                     </td>
                     <td>
                        47
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
     </tbody>
    </table>

设置单元格内的表格高度

2 个答案: