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