GitHubで見る

テーブルのツリーグリッド

Bootstrap Tableのツリーグリッド拡張機能。親子関係を持つデータを表示できます。

このページ

依存関係

この拡張機能は jquery-treegrid v0.3.0 ライブラリに依存しています。

使用方法

<script src="extensions/treegrid/bootstrap-table-treegrid.js"></script>

例

Treegrid

オプション

treeEnable

  • 属性: data-tree-enable

  • 型: Boolean

  • 詳細:

    ツリーグリッド機能を有効にするかどうかを制御します。true に設定すると、テーブルは親子関係を持つデータをツリー構造で表示します。

  • デフォルト値: false

idField

  • 属性: data-id-field

  • 型: String

  • 詳細:

    各データの一意のIDを識別するために使用される主キーフィールド名をカスタマイズします。

  • デフォルト値: 'id'

parentIdField

  • 属性: data-parent-id-field

  • 型: String

  • 詳細:

    親ノードIDのフィールド名を設定し、データ間の親子関係を確立するために使用します。

  • デフォルト値: 'pid'

treeShowField

  • 属性: data-tree-show-field

  • 型: String

  • 詳細:

    ツリー構造を表示するために使用されるフィールド名を指定します。このオプションを設定すると、ツリーグリッド機能が自動的に有効になります。

  • デフォルト値: ''

rootParentId

  • 属性: data-root-parent-id

  • 型: String

  • 詳細:

    ルートノードの親ID値を設定します。親IDがこの値と等しいすべてのデータはトップレベルノードとして扱われます。

  • デフォルト値: null