테이블 모바일

Bootstrap Table의 모바일 반응형 확장 기능으로, 모바일에서 테이블의 자동 적응 표시를 구현합니다.

사용법

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

예제

Mobile

옵션

checkOnInit

• 속성: data-check-on-init

• 유형: Boolean

• 세부 정보:

  초기화할 때 창 크기를 확인할지 여부를 제어합니다. true로 설정하면 초기화할 때 창 크기를 확인하고 어떤 보기 모드를 사용할지 결정합니다.

• 기본값: true

columnsHidden

• 속성: data-columns-hidden

• 유형: String

• 세부 정보:

  카드 보기 모드에서 숨겨야 할 열 필드 배열을 지정합니다.

  • data-* 속성에서 사용: data-columns-hidden="['name', 'description']"
  • JavaScript 구성에서 사용: columnsHidden: ['name', 'description']

• 기본값: undefined

minHeight

• 속성: data-min-height

• 유형: Integer

• 세부 정보:

  테이블 보기 모드를 전환할 때의 최소 높이 임계값을 설정합니다.

• 기본값: undefined

minWidth

• 속성: data-min-width

• 유형: Integer

• 세부 정보:

  테이블 보기 모드를 전환할 때의 최소 너비 임계값을 설정합니다.

• 기본값: 562

mobileResponsive

• 속성: data-mobile-responsive

• 유형: Boolean

• 세부 정보:

  모바일 반응형 기능을 활성화할지 여부를 제어합니다. true로 설정하면 테이블은 현재 창의 너비와 높이에 따라 카드 보기와 테이블 보기 사이에서 자동으로 전환됩니다.

• 기본값: false