页面显示问题，数据与列对不齐，产生了错位

[Aria0311]

环境及版本信息

• tinper-bee 版本号: 2.1.1

• 若使用单个组件，请标明该组件版本号："bee-complex-grid": "^2.2.6"

• 当前项目中react的版本号：^16.6.3

• 所使用的操作系统：Windows

• 所使用的浏览器：猎豹 v8.0.0.21564

您所在的部门或项目名称：产品研发部-产品管理部 白嘉颖

描述这个问题:

1、组件相关代码

使用bee-complex-grid 这个组件，会导致页面的列和数据对不齐的情况出现

 getDynamicTableColumns(){
        const _this = this
        _this.dynamicTableColumnsObj.length = 0
        const {
            resultsetObj
        } = _this.props;
        let defList = []
        if(resultsetObj.resultSetDef !== undefined && resultsetObj.resultSetDef.length > 0){
            defList = resultsetObj.resultSetDef
        }else if(resultsetObj.content !== undefined && resultsetObj.content.length > 0){
            let tmp = resultsetObj.content[0]
            for(let key in tmp){
                let obj  = {columnNameZh: key, columnName: key}
                defList.push(obj)
            }
        }

        let dimMap = {}
        if(resultsetObj.dims && resultsetObj.dims.length > 0){
            for(let item of resultsetObj.dims){
                dimMap[item.DIMNO] = item;
            }
        }
        for(let obj of defList){
            // TODO 根据不同类型显示组件
            if(dimMap[obj.columnName]){
                let dimObj = dimMap[obj.columnName]
                _this.dynamicTableColumnsObj.push(
                    {
                        title: obj.columnNameZh,
                        dataIndex: obj.columnName,
                        key: obj.columnName,
                        width: 200,
                        sorter: true,
                        filterType: "text",
                        filterDropdownType: "string",
                        filterDropdown: "show",
                        render: (text, record, index) => {
                            return (
                                <FactoryComp
                                    type='RefWithInput'//业务组件类型
                                    value={text}//初始化值
                                    field={obj.columnName}//修改的字段
                                    dataIndex={obj.columnName}
                                    index={index}//字段的行号
                                    required={false}
                                    record={record}//记录集用于多字段处理
                                    onValidate={this.onValidate}//校验的回调
                                    title={dimObj.REF_NAME}
                                    param={{
                                        refCode: dimObj.REF_ID
                                    }}
                                    refType={dimObj.REFTYPE}
                                    refCode={dimObj.REF_ID}
                                    displayField={'{name}'}
                                    refName={obj.columnName+"_RN"}
                                    refPk={obj.columnName}
                                    refPath={dimObj.REFURL}
                                    conlumname={obj.columnName}
                                />
                            )
                        }
                    }
                )
                continue;
            }
            debugger
            _this.dynamicTableColumnsObj.push(
                {
                    title:  obj.columnNameZh,
                    dataIndex: obj.columnName,
                    key: obj.columnName,
                    width: 200,
                    sorter: true,
                    filterType: "text",
                    filterDropdownType: "string",
                    filterDropdown: "show",
                }
            )


        }
        return _this.dynamicTableColumnsObj;
    }

2、报错信息

页面显示问题，数据与列对不齐，产生了错位

当前的行为：效果（可截图说明）及动作描述

使用bee-complex-grid 导致页面中，字段及数据对不齐，产生了错位，不知道是哪个底层组件影响了数据的宽度

期望的行为:

期望：
数据与列可以对齐 ，不在错位