1

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 テーブルでもそれらの更新を取得できるようにしたいだけです。しかし、すべてのクラスを書くのは少し圧倒されます。これらのクラスをよりクリーンなソリューションとしてテーブルに挿入するカスタム ディレクティブについて考えていました。

4

1 に答える 1