Table Treegrid

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