layui数据表格排序,滚动条和合计

开发工具与关键技术:VS2015,ASP.NET MVC

撰写时间:2019年5月27日

layui数据表格排序
对layui数据表格的数据进行升序或降序
只需在表格的列里添加 sort: true 即可。
例:
在这里插入图片描述
效果图:
在这里插入图片描述
例子中“业务日期”和“单据编号”添加了sort: true 在表头那开启了排序按钮
“处理状态”和“审核人”没有添加sort: true 表头那并没有任何显示

layui数据表格滚动条
这里是说明怎样在数据表格顶部让滚动条显示出来
有时候layui表格的数据列太多而无法在屏幕上完整显示出来,这时候滚动条起到了一个至关重要的作用,通过滚动滚动条可以看到想要看到的数据
想要滚动条显示出来只需给表格的每一列设定固定的宽度即可
如果没有固定宽度而表格的列又太多,这时候表格的列就会被压缩而无法看到完整的表头,因为layui表格的列是自适应宽度的。这时候可以给表格设定一个固定的宽度,那么滚动条就会出现,拖动滚动条就可以看到完整的表头
PS:必须要有数据,滚动条才会出现
例:
在这里插入图片描述
效果图:
layui数据表格排序,滚动条和合计_第1张图片
layui数据表格合计功能
这个合计功能是把layui表格某一列的所有数字进行相加得出总和并显示出来。
想要开启合计功能必须先在渲染表格的时候给表格加上totalRow: true,然后在想要合计的列同样添加totalRow: true 这样合计功能便能开启,并对数据进行合计。
然后在某一列添加totalRowText: '合计',这样就会有合计二字
例:
layui数据表格排序,滚动条和合计_第2张图片
效果图:
layui数据表格排序,滚动条和合计_第3张图片

参考layui官网

你可能感兴趣的:(C#)