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

使用antd4中summary
https://ant.design/components/table-cn/#components-table-demo-edit-row
antd 给table底部加合计、侧边总计动态计算_第1张图片

summary={pageData => {
            let totalNumber = 0;
            let totalUnitPrice = 0;
    
            pageData.forEach(({ number, unitPrice }) => {
              totalNumber += Number(number);
              totalUnitPrice += Number(unitPrice);
            });
    
            return (
                
                  合计
                  
                  {totalNumber||''}
                  {totalUnitPrice||''}
                
           
            );
          }}

侧边动态计算 onSave
antd 给table底部加合计、侧边总计动态计算_第2张图片

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

你可能感兴趣的:(react,react.js)