TreeGrid
静的な html テーブルだけが必要な場合があり、コンポーネントを表示するために必要なすべてのコードを記述するのはオーバーヘッドです。コンポーネントと同じスタイルのシンプルでプレーンな HTML テーブル (または、少なくともほとんどプレーンなテーブル) を記述できればと思いTreeGrid
ます。以下のコードのように手動でクラスを書きましたが、あまり良くないようです。TreeGrid スタイルをより単純な形式で再利用する方法はありますか?
<table class="nb-tree-grid">
<thead>
<tr class="nb-tree-grid-header-row">
<th class="nb-tree-grid-header-cell cdk-column-name nb-column-name">Id</th>
<th class="nb-tree-grid-header-cell cdk-column-name nb-column-name">Name</th>
</tr>
</thead>
<tbody>
<tr class="nb-tree-grid-row">
<td class="nb-tree-grid-cell cdk-column-name nb-column-name">1</td>
<td class="nb-tree-grid-cell cdk-column-name nb-column-name">John</td>
</tr>
<tr class="nb-tree-grid-row">
<td class="nb-tree-grid-cell cdk-column-name nb-column-name">2</td>
<td class="nb-tree-grid-cell cdk-column-name nb-column-name">Julia</td>
</tr>
</tbody>
</table>
編集:
例 -> https://stackblitz.com/edit/nebular-tree-grid-styles
Nebular が TreeGrid でスタイルを更新するときに、プレーンな HTML テーブルでもそれらの更新を取得できるようにしたいだけです。しかし、すべてのクラスを書くのは少し圧倒されます。これらのクラスをよりクリーンなソリューションとしてテーブルに挿入するカスタム ディレクティブについて考えていました。