Layui复杂表头以及数据行合计

最新推荐文章于 2022-11-26 11:40:32 发布

TSwizzle1327

最新推荐文章于 2022-11-26 11:40:32 发布

阅读量816

点赞数

分类专栏： Layui 文章标签： layui

本文链接：https://blog.csdn.net/jduksa/article/details/112517169

版权

该博客介绍了如何利用Layui框架创建具有复杂表头的表格，并展示了如何在数据行中实现合计功能。通过提供的CSDN链接，读者可以找到详细步骤和示例代码。

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

更简单一点的例子：https://blog.csdn.net/jduksa/article/details/113345365

table.render({
              elem: '#TableId',
              url: '',
                toolbar: '#ToolbarDemo',
                defaultToolbar: ['filter', 'exports', ''], 可导出
                cols: [
                    [
                        { type: 'numbers', rowspan: 3, fixed: 'left'  },//fixed:left 当数据列太多时，滚动时固定在表格左侧
                        { type: "checkbox", width: 50, rowspan: 3 , fixed: 'left' },
                        { align: 'center', field: 'Id', width: 40, title: 'Id', hide: true, rowspan: 3 },
                        { align: 'center', field: 'StaffId', width: 80, title: '员工Id', hide: true, rowspan: 3 },
                        { align: 'center', field: 'Names', width: 80, title: '姓名', fixed: 'left', rowspan: 3, totalRowText: '合计：' },//totalRow：合计
                        { align: 'center', field: '', width: 100, title: '2020薪资表', colspan: 30 },
                    ],
                    [
                        { align: 'center', field: 'GroupName

最低0.47元/天解锁文章

TSwizzle1327

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Layui复杂表头以及数据行合计

table.render({ elem: '#TableId', url: '', toolbar: '#ToolbarDemo', defaultToolbar: ['filter', 'exports', ''], 可导出 cols: [ [ { type: 'num...
复制链接

扫一扫

专栏目录