Ant Design使用记录

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

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

.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}/>

效果：