親テーブルの高さを100％にする

Question

親テーブルの高さを100％にする必要があります。 私は複雑なデータ構造を持ついくつかの角度ng-repeatを使用しています。私はhtml構造を変更するオプションがありません。

親テーブルの高さを100％に設定する方法を教えてください。私はたくさんのオプションを試しましたが、うまくいかなかったのです。

.parent { 
 
    border: 1px solid #000; 
 
    border-collapse: collapse; 
 
} 
 
.parent td, 
 
.parent tr, 
 
.parent th { 
 
    border: 1px solid #000; 
 
} 
 
.inner { 
 
    height: 100%; 
 
}

<table class='parent'> 
 
    <tr> 
 
    <th>head</th> 
 
    <th>head</th> 
 
    <th>Description</th> 
 
    <th> 
 
     <table> 
 
     <tr> 
 
      <th>head</th> 
 
      <th>head</th> 
 
      <th>head</th> 
 
      <th>head</th> 
 
     </tr> 
 
     </table> 
 
    </th> 
 
    </tr> 
 
    <tr> 
 
    <td>values</td> 
 
    <td>values</td> 
 
    <td>Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes 
 
     here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here, Description goes here,</td> 
 
    <td> 
 
     <table class='inner'> 
 
     <tbody> 
 
      <tr> 
 
      <td>H1 Val</td> 
 
      <td>H2 Val</td> 
 
      <td>H3 Val</td> 
 
      <td>H4 Val</td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

100％にも.parentの高さを設定し、それはそれです。

So;

.parent{ 
     border:1px solid #000; 
     border-collapse:collapse; 
     height: 100%; 
    }