antd 设置表格数据超过8条展示滚动条,要滚动条需要制定表格的高度,用逻辑与修饰符可以实现,不用再判断没有8条的时候y的情况。
<Table
size="small"
loading={tableLoading}
scroll={{ x: tColumn.reduce((p, c) => (p += c.width), 0), y: tableData.length > 8 && 300 }}
rowKey={row => JSON.stringify(row)}
dataSource={tableData}
columns={tColumn as any}
pagination={{
className: 'ra-pagination',
showQuickJumper: true,
current: params.pageNum || 0,
pageSize: params.pageSize,
total,
showTotal: t => `共 ${t} 条`,
showSizeChanger: true,
onShowSizeChange: (pageNum: number, pageSize: number) => {
submit({ ...params, pageNum, pageSize });
},
onChange: (pageNum: number, pageSize: number = 10) => {
// 表格排序会触发分页器的 change 事件
if (pageNum === params.pageNum && pageSize === params.pageSize) return;
submit({ ...params, pageNum, pageSize });
},
}}
/>