首页 > Bootstrap表格插件Bootstrap Table配置教程 > showColumns bootstrap table开启列刷选

showColumns bootstrap table开启列刷选

通过设置data-show-columns属性为true开启选择列功能

<table id="table" data-show-columns="true"></table>

效果如下,注意你可能设置了showColumns为true也无法像下图一样弹出下拉框选项,这可能是你缺少引用popper.min.js和bootstrap.min.js文件。


也可以通过JS代码设置

$('#table').bootstrapTable({
    showColumns:true,//显示列刷选
     columns: columns,
    data: data
 });

可以配合minimumCountColumns来设置当列大于设置数量时才显示选择列的按钮

$('#table').bootstrapTable({
    showColumns:true,//显示列刷选
    columns: columns,
    minimumCountColumns:3//当列的数量大于等于3时 才显示列选择按钮
    data: data
 });

在线试一试