layui 隐藏table的某一列

最新推荐文章于 2024-07-22 12:29:37 发布

一天一天积累

最新推荐文章于 2024-07-22 12:29:37 发布

阅读量2.8k

点赞数

分类专栏： layui 文章标签： layui table 隐藏列

本文链接：https://blog.csdn.net/u012011360/article/details/107332153

版权

本文介绍了如何使用layui框架隐藏表格的特定列。在HTML部分定义了包含多个列的layui表格，然后在JavaScript部分通过done回调函数，利用CSS的display属性动态地隐藏了字段为'stock'的列。即使列被隐藏，仍能获取到表格数据。

摘要由CSDN通过智能技术生成

html部分：

<table lay-filter="goods-table" id="goods-table" class="table-list my-table-list" cellspacing="0" cellpadding="0" style="display: none;">
               <thead>
                   <tr>
                       <th lay-data="{type:'checkbox'}"></th>
                       <th lay-data="{field:'e',width:200}">编码</th>
                       <th lay-data="{field:'a',width:150}">款号</th>
                       <th lay-data="{field:'b',width:150}">商品图</th>
                       <th lay-data="{field:'c',width:150}">商品标题</th>
                       <th lay-data="{field:'d',width:150}">商品价格