antd 表格columns项有render回调 表头与表内容不对齐

使用antd的Table组件做表格展示，columns的每一项都设置了width，并且有的项设置了render后发现表头与表内容不对齐了，why?

const columns = [{

      title: '项目名称',

      dataIndex: 'projName',

      width: 150,

      key: 'projName',

      render: (text, row, index) => {

        return {

          children: <Tooltip placement="top" title={text}><div className={'textOverflow'} style={{ width: 130 }} >

            <a href="javascript:;" onClick={() => this.showDetailProjModal(row)}>{text}</a>

          </div></Tooltip>,

        };

      },

      sorter: true,

    }, {

      title: '项目类型',

      dataIndex: 'projTypeName',

      width: 100,

      sorter: true,

    }];

 

首先可以观察以下图片，这是我修改过后的效果图，有设置了滚动scroll 并且设置了x: 2000，这时候，当columns项的总宽度大于2000时，就会导致，怎么调整columns项的width，表头与表单都对不齐，我们需要更改x: 2500或者更大，直到足够宽。