Bootstrap Table默认隐藏列

最新推荐文章于 2025-06-25 09:09:56 发布

转载最新推荐文章于 2025-06-25 09:09:56 发布 · 679 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2612473/blog/997871

文章标签：

#python

本文介绍了一种使用Bootstrap Table组件快速隐藏非重要列的方法。通过设置data-field属性并结合使用hideColumn方法，可以轻松实现对表格中指定列的隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

经常由于表格字段比较长，需要默认隐藏不是特别重要的列，只需要2步即可完成

1、首先在thead里设置data-field 属性

<thead>
<th data-sortable="true" data-field="dataTypeId">客户名称

<th data-sortable="true" data-field="datayibiao">客户名称

</thead>

2、调用hideColumn方法

$('#tableTest3').bootstrapTable('hideColumn',"dataTypeId"); //tableTest3为table的ID
$('#tableTest3').bootstrapTable('hideColumn',"datayibiao") ;

转载于:https://my.oschina.net/u/2612473/blog/997871