BootstrapTable固定表格列方法一:
$("#table").bootstrapTable('destroy').bootstrapTable({
fixedColumns: true,
fixedNumber: 1 //固定列数
}
fixedColumns: true,fixedNumber: 1,参数设置后无效时
方法二:CSS加样式也可以实现固定列效果(这里是固定最后一列)
/* 固定最后一列的样式 */
.fixed-table-container table td:last-child {
position: sticky; /* 设置为粘性定位,使得最后一列在滚动时保持固定 */
right: 0; /* 右侧边距为0,将最后一列固定在右侧 */
background-color: #fff; /* 设置背景色,避免与表头重叠 */
}
.fixed-table-container table th:nth-child(14) ,.fixed-table-container table td:nth-child(14) {
position: sticky; /* 设置为粘性定位,使得最后一列在滚动时保持固定 */
right: 0; /* 右侧边距为0,将最后一列固定在右侧 */
background-color: #fff; /* 设置背景色,避免与表头重叠 */
}
ruoyi中使用$.table.init方法也可以实现