在 GitHub 上查看

表格粘性头部

Bootstrap 表格的表格粘性头部扩展。

这是一个扩展,它在滚动时为表格提供粘性头部。

使用

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

示例

粘性头部

选项

  • 属性: data-sticky-header

  • 类型: Boolean

  • 详情

    设置为 true 以使用粘性头部。

  • 默认值: false

stickyHeaderOffsetLeft

  • 属性: data-sticky-header-offset-left

  • 类型: Number

  • 详情

    设置粘性头部容器的左侧偏移量。如果主体填充左侧为 60px,则此值将为 60

  • 默认值: 0

stickyHeaderOffsetRight

  • 属性: data-sticky-header-offset-right

  • 类型: Number

  • 详情

    设置粘性头部容器的右侧偏移量。如果主体填充右侧为 60px,则此值将为 60

  • 默认值: 0

stickyHeaderOffsetY

  • 属性: data-sticky-header-offset-y

  • 类型: Number

  • 详情

    设置从窗口顶部到固定粘性头部的 Y 偏移量。如果有一个固定导航栏,高度为 60px,则此值将为 60

  • 默认值: 0