Установка высоты таблицы внутри ячейки

Question

У меня есть приложение asp.net, которое использует gridview для создания таблицы. Проблема, с которой я столкнулась, - это высота таблицы, встроенной внутри 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

Дать высоту тегу td, в котором отображается таблица. Если это не работает, укажите высоту тэга тега только за пределами тега 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> 

Answer 2

Попробуйте, как это DEMO:

CSS:

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

td{ 
    height:30px; 
}