Table Mobile

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