海关企业信息查询网站,WordPress最快主题,福田蒙派克6座上蓝牌京牌,企业网站托管注意事项思路#xff1a;首先拿到 表格数组对象#xff0c;然后写一个工具类#xff0c;然后向数组对象最后插入一条数据#xff0c;这条数据的字段时根据表格数组里合计算出来的。 代码如下#xff0c;需根据各自业务稍作改动#xff1a; Table dataSource{tableData}column…思路首先拿到 表格数组对象然后写一个工具类然后向数组对象最后插入一条数据这条数据的字段时根据表格数组里合计算出来的。 代码如下需根据各自业务稍作改动 Table dataSource{tableData}columns{columns}pagination{false}/ const columns [{title: xxx,dataIndex: name,key: name,align: center,},{title: yyy,dataIndex: yyy,key: ,align: center,render: (text, record, rowIndex) {return (InputNumber min{0} value{text}onChange{(e) handleCellChange(rowIndex, yyy, e)} /);},]
} // 每次数据变更计算一次合计const handleCellChange (rowIndex, dataIndex, value) {const newTableData _.cloneDeep(tableData);newTableData[rowIndex][dataIndex] value;countSum(newTableData, , project);setTableData(newTableData);};// 第一次进来计算一次合计React.useEffect(() {const newTableData _.cloneDeep(tableData);countSum(newTableData, , project);setTableData(newTableData);}, []); 合计工具类
/*** 用于表格的合计计算** param arr 要计算的数组* param prefix 要计算的数组的对象的前缀* param sumField 合计字段名字放到哪个字段上* param accuracy 合计精度* returns {*}*/
export function countSum(arr, prefix, sumField, accuracy 4) {if (arr.length 0) {// 没数据直接返回return;}// 求和对象let sumObj {};// 获取到最后一个数据let last arr[arr.length - 1];if (prefix) {if (last[prefix][sumField] 合计) {// 已经存在合计了sumObj last;// 把 sum 的值清空重新计算sumObj[prefix] {};sumObj[prefix][sumField] 合计;} else {sumObj[prefix] {};sumObj[prefix][sumField] 合计;arr.push(sumObj); // 在数组末尾添加合计对象}} else {if (last[sumField] 合计) {// 已经存在合计了last {};last[sumField] 合计;arr[arr.length - 1] last;sumObj last;} else {sumObj[sumField] 合计;arr.push(sumObj); // 在数组末尾添加合计对象}}let attrNames;if (prefix) {attrNames Object.keys(arr[0][prefix]); // 获取数组中所有对象的属性名} else {attrNames Object.keys(arr[0]); // 获取数组中所有对象的属性名}// -1 代表不累计合计本身的值for (let i 0; i attrNames.length - 1; i) {const attrName attrNames[i];for (let j 0; j arr.length - 1; j) {let attrValue;if (prefix) {attrValue arr[j][prefix][attrName];} else {attrValue arr[j][attrName];}if (typeof attrValue number) {// 只合计数值类型// 将属性值转换为数值类型let attrValueNumber Number(attrValue).toFixed(4);if (prefix) {sumObj[prefix][attrName] Number(parseFloat(Number(sumObj[prefix][attrName] || 0) Number(attrValueNumber)).toFixed(accuracy)); // 求和} else {sumObj[attrName] Number(parseFloat(Number(sumObj[attrName] || 0) Number(attrValueNumber)).toFixed(accuracy)); // 求和}}}}
}
