fix: 修改合计行宽度没有对齐的bug

This commit is contained in:
huyueb 2017-09-28 13:43:58 +08:00
parent 13be4cb5d0
commit e26f3b5765
2 changed files with 79 additions and 78 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,82 +1,83 @@
import React from 'react'; import React from "react";
import Table from "../../src"; import Table from "../../src";
//创建新列存放 “合计” 字段 //创建新列存放 “合计” 字段
let columns2 = {}; let columns2 = {};
columns2 = { columns2 = {
title: "合计", title: "合计",
key: "showSum", key: "showSum",
dataIndex: "showSum", dataIndex: "showSum"
width: "5%" };
}
var Sum = (Table)=>{ var Sum = Table => {
class SumTable extends React.Component{ class SumTable extends React.Component {
//无状态 //无状态
constructor(props){ constructor(props) {
super(props) super(props);
} }
currentTitle = ()=>{ currentTitle = () => {
return <div>{this.props.title}</div>; return <div>{this.props.title}</div>;
} };
//合计数字列,并将计算所得数据存储到一个obj对象中 //合计数字列,并将计算所得数据存储到一个obj对象中
currentFooter = () =>{ currentFooter = () => {
let data_2 = this.props.data; let data_2 = this.props.data;
//用一个对象存储合计数据,这里合计对象的属性对应每列字段 //用一个对象存储合计数据,这里合计对象的属性对应每列字段
let obj ={}; let obj = {};
if(Array.isArray(data_2)){ if (Array.isArray(data_2)) {
for(let i =0;i<data_2.length;i++){ for (let i = 0; i < data_2.length; i++) {
for(let item in data_2[i]){ for (let item in data_2[i]) {
if(typeof obj[item] === 'undefined'){ if (typeof obj[item] === "undefined") {
obj[item] = data_2[i][item]; obj[item] = data_2[i][item];
} } else if (typeof data_2[i][item] == "number") {
else if(typeof data_2[i][item] == 'number'){
obj[item] += data_2[i][item]; obj[item] += data_2[i][item];
} } else {
else{ obj[item] = "";
obj[item] = ""
} }
} }
} }
} }
//加key //加key
obj.key = 'sumData'; obj.key = "sumData";
//设置新建列的名称 //设置新建列的名称
obj.showSum = "合计" obj.showSum = "合计";
obj =[obj]; obj = [obj];
//添加合计行 //添加合计行
let columns_sum = this.props.columns; let columns_sum = this.props.columns;
//针对多选除去多选框,即第一列,换为新建的列 //针对多选除去多选框,即第一列,换为新建的列
this.props.columns[0].dataIndex == "checkbox"?columns_sum[0] = columns2:columns_sum.unshift(columns2); columns_sum[0] = Object.assign({},columns_sum[0],columns2);
console.log(columns_sum) console.log(columns_sum);
//除去列为特殊渲染的避免像a标签这种html代码写入到合计中 //除去列为特殊渲染的避免像a标签这种html代码写入到合计中
columns_sum = columns_sum.map((item,index)=>{ columns_sum = columns_sum.map((item, index) => {
if(typeof item.render == "function"){ if (typeof item.render == "function") {
delete item.render; delete item.render;
} }
return item; return item;
}) });
return <Table return (
<Table
showHeader={false} showHeader={false}
columns={columns_sum} columns={columns_sum}
data={obj} data={obj}
heji={true} heji={true}
/> />
} );
render(){ };
return <Table render() {
return (
<Table
columns={this.props.columns} columns={this.props.columns}
data={this.props.data} data={this.props.data}
heji={true} heji={true}
title={this.currentTitle} title={this.currentTitle}
footer={this.currentFooter} footer={this.currentFooter}
/> />
);
} }
} }
return SumTable; return SumTable;
} };
export default Sum; export default Sum;