Layui合计自定义列

需求:第四列通过计算:27除以220

在这里插入图片描述

正常的汇总,增加这个属性就行

在这里插入图片描述

特殊的列,需要特殊处理
获取合计行:$(".layui-table-total div.layui-table-cell");
获取某列的值:$($(".layui-table-total div.layui-table-cell")[index]).html();


done: function () {
	// 得出第四列的值 12.27%
	$($(".layui-table-total div.layui-table-cell")[4]).html(Utils.roundFixed(getFootValue(3) / getFootValue(2), 4) * 100 + "%")
}

// 获取第几列的值
function getFootValue(index) {
 	return Utils.parseFloat($($(".layui-table-total div.layui-table-cell")[index]).html());
}

// 金额转化
Utils.parseFloat = function (num) {
  if (typeof num == 'string') {
       num = num.replace(/,/g, "");
   }
   if (!num || isNaN(num)) return 0;
   return parseFloat(num);
};

Utils.roundFixed = function (num, fixed) {
    num = Utils.parseFloat(num);
    return Math.round(num * Math.pow(10, fixed)) / Math.pow(10, fixed);
};
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui table 中,可以通过使用 table.exportFile() 方法来实现导出表格数据。如果需要自定义导出内容,可以通过以下步骤实现: 1. 定义一个导出按钮,可以使用 layui 中的 button 组件。 ```html <button class="layui-btn layui-btn-sm" id="exportBtn">导出</button> ``` 2. 给按钮绑定点击事件,在点击事件中获取需要导出的数据,并进行处理。 ```javascript // 获取需要导出的数据 var data = table.cache.tableId; // 处理导出数据 var exportData = []; layui.each(data, function(index, item){ // 自定义处理逻辑 exportData.push({ id: item.id, name: item.name, age: item.age }); }); // 导出数据 table.exportFile(['ID', '姓名', '年龄'], exportData, 'xls'); ``` 在这里,我们可以通过对原始数据进行处理,生成需要导出的数据。这里的处理逻辑可以根据具体需求进行自定义。 3. 将处理后的数据导出为 Excel 文件,可以使用 table.exportFile() 方法。 ```javascript table.exportFile(['ID', '姓名', '年龄'], exportData, 'xls'); ``` 在这里,我们可以指定导出的字段名和文件类型。上述代码中,我们导出了一个名为“tableId”的表格数据,并且导出的文件类型为“xls”。 完整代码示例: ```html <button class="layui-btn layui-btn-sm" id="exportBtn">导出</button> <script> layui.use('table', function(){ var table = layui.table; // 绑定导出按钮点击事件 $('#exportBtn').on('click', function(){ // 获取需要导出的数据 var data = table.cache.tableId; // 处理导出数据 var exportData = []; layui.each(data, function(index, item){ // 自定义处理逻辑 exportData.push({ id: item.id, name: item.name, age: item.age }); }); // 导出数据 table.exportFile(['ID', '姓名', '年龄'], exportData, 'xls'); }); }); </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值