antd表格的一些操作

如果表格列过多，而宽度较窄时，表格的单元格内容会换行，导致很丑：

• 给表格添加自动换行
• 这时给单元格加上不换行，内容超过单元格宽度折叠，设置个最大宽度可以显示更多的单元格，而不是默认将每个单元格的内容都完整的渲染出来，导致滚动过长，（可选项）

.ant-table {    overflow: auto;}.ant-table-thead > tr > th,.ant-table-tbody > tr > td {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    max-width: 100px;}复制代码

效果如下：

one more thing:)

表格的分页器配置也是偶尔需要的，可以通过给表格传参来设置，比如我用过一个修改默认显示行数：

const pagination = {  defaultPageSize: 4,}复制代码

传给表格组件即可：

<Table dataSource={dataSource} columns={columns} pagination={pagination}/>复制代码

效果：