antd 给table底部加合计、侧边总计动态计算

使用antd4中summary
https://ant.design/components/table-cn/#components-table-demo-edit-row

summary={pageData => {let totalNumber = 0;let totalUnitPrice = 0;pageData.forEach(({ number, unitPrice }) => {totalNumber += Number(number);totalUnitPrice += Number(unitPrice);});return (<Table.Summary.Row><Table.Summary.Cell index={0}>合计</Table.Summary.Cell><Table.Summary.Cell index={1}></Table.Summary.Cell><Table.Summary.Cell index={2}>{totalNumber||''}</Table.Summary.Cell><Table.Summary.Cell index={3}>{totalUnitPrice||''}</Table.Summary.Cell></Table.Summary.Row>);}}

侧边动态计算 onSave

onSave: async (rowKey, record, row) => {record.totalAmt=record.number*record.approveUnitPrice-record.scrapValue },

antd 给table底部加合计、侧边总计动态计算相关推荐

antd 中table上加不同字体颜色_字体渲染系统！微软终于决定优化Win10字体模糊问题...
据外媒WindowsLatest报道 , 微软可能会在明年为Windows 10系统带来新的字体渲染系统和便捷的颜色选择器. 在目前版本的Windows 10中字体管理已经比较方便,在设置里可以轻松查 ...
antd中如何给Table表格添加合计行
最近项目需求:在表格底部添加一行为金额的合计行,然后分页每页都显示,金额字段是后端返回的数据,前端不进行计算. 因为项目的UI框架使用的是Ant Design 3.x版本,找了一下Table的使用方法 ...
serverl列求和 sql_分组后分组合计以及总计SQL语句--收集未整理
分组后分组合计以及总计SQL语句 1)想一次性得到分组合计以及总计,sql: SELECT分组字段FROM表 GROUP BY分组字段 compute sum(COUNT(*)) ===== 2)分组 ...
Antd修改Table表格行间距
我们在使用Antd的table表格时,可能需要增大每行间距.如果直接在tr或td标签中使用margin或padding不会生效.像下图我把margin-top设置了1000px,页面明显可以看出没生效 ...
element-ui 的table 滚动条在合计上边
element-ui 的table 滚动条在合计上边bug解决方案: .el-table {overflow-x: auto; } .el-table__header-wrapper, .el-tab ...
bootstraptable 加载完成_bootstrap table onLoadSuccess加载服务端数据成功事件
bootstrap table onLoadSuccess加载服务端数据成功事件 bootstrap table onLoadSuccess加载服务端数据成功的事件,该事件的作用是什么呢?服务端返回自 ...
html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
下滑加载更多js_vue.js怎么实现滑动到底部加载更多数据效果？
vue.js怎么实现滑动到底部加载更多数据效果?下面本篇文章给大家简单介绍一下vue实现滑动到底部加载更多效果.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 本文实例为大家分享了v ...
原生js滚动到底部加载数据和下拉刷新 Scrollload
原文地址 https://github.com/fa-ge/Scrollload/blob/master/README.md 初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见 ...

antd 给table底部加合计、侧边总计动态计算

antd 给table底部加合计、侧边总计动态计算相关推荐

最新文章

热门文章