테이블 고정 열

Bootstrap Table의 고정 열 확장 기능으로, 테이블의 왼쪽과 오른쪽 열을 고정할 수 있습니다.

고정 열 확장 기능은 테이블의 왼쪽 또는 오른쪽 열을 고정하여 테이블을 가로로 스크롤할 때 이러한 열이 계속 보이도록 하여 사용자 경험을 향상시킵니다.

사용법

<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>

예제

Fixed Columns

옵션

fixedColumns

• 속성: data-fixed-columns

• 유형: Boolean

• 세부 정보:

  고정 열 기능을 활성화할지 여부를 지정합니다. true로 설정하면 테이블의 왼쪽 또는 오른쪽 열을 고정할 수 있습니다.

• 기본값: false

fixedNumber

• 속성: data-fixed-number

• 유형: Number

• 세부 정보:

  왼쪽에 고정할 열의 개수를 지정합니다.

• 기본값: 0

fixedRightNumber

• 속성: data-fixed-right-number

• 유형: Number

• 세부 정보:

  오른쪽에 고정할 열의 개수를 지정합니다.

• 기본값: 0

주의사항

• detailView 옵션을 지원하지 않습니다.
• cardView 옵션을 지원하지 않습니다.
• showFooter 옵션을 지원하지 않습니다.
• sticky-header 확장 기능과 함께 사용할 때는 sticky-header를 먼저 로드해야 합니다. 예:

<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>