HTML と CSS を使用して単純な階層テーブルを作成していますがtd
、class.child
を持つ最後の要素を次の行にフォーマットする際に問題が発生しています。
table > tr > td.child
各テーブルをソートでき、javascriptソーターが行のグループ化を実装していないため、内部にネストされたテーブルが必要です(ネストされたテーブルの問題は、.child > table
要素を次の要素に移動することで簡単に解決できますがtable > tr
、これにより、優れたネスト構造が壊れます)
td.child
cssで次の行に置く方法はありますか?
html サンプル:
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
<td class="child">
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
</tr>
</table>
</td>
</tr>
</table>