order: 3 title: 0.x 到 1.0
hide: true
对于之前使用 0.x 的同学,考虑到代码使用合理性,我们对于 TableRender 1.0 有如下更新
table-render
的导出有如下变化,ProTable
修改成Table
。Search
和Table
不再需要被TableContainer
组件包裹,所有表格代码通过withTable
包一下即可,这样书写更加简洁。searchApi
原本放到TableContainer
组件上面,现改成放到Search
上,同时searchApi
改成api
,这样更加各司其职。// 老版本使用
import { ProTable, Search, TableContainer, useTable } from 'table-render';
//...
const TableDemo=(
<TableContainer searchApi={searchApi}>
<TableDemo />
</TableContainer>
);
const TableBody = (
const { refresh } = useTable();
<>
<Search schema={searchSchema} />
<ProTable />
</>
);
export default TableDemo;
// 新版本
import { Table, Search, withTable, useTable } from 'table-render';
//...
const TableDemo = (
const { refresh } = useTable()
<>
<Search schema={schema} api={searchApi} />
<Table headerTitle="最简表格" columns={columns} rowKey="id" />
</>
);
export default withTable(TableDemo);