Display row data.
When to use
- When there is a large amount of structured data that needs to be displayed;
- When complex actions such as sorting, searching, pagination, and custom operations are required for the data.
How to use
Table has two modes, local data and remote data mode.
Local Data Model refers to loading data into memory all at once, with pure front-end functionalities such as pagination, filtering, and sorting.
Specify the data source dataSource of the table as a data array.
var dataSource = [{ key: '1', name: 'Hu Yanbin', age: 32, address: 'No. 1, Lakeside Park, Xihu District' }, { key: '2', name: 'Hu Yanzu', age: 42, address: 'No. 1, Lakeside Park, Xihu District' }]; <Table dataSource={dataSource} />
Remote Data Mode is a more common business scenario, where data is read from the server one page at a time and placed on the front end. Operations such as filtering, sorting, and switching pages all send requests to the backend, which returns the data for the current page and related pagination information.
The data source dataSource is specified by an instance of DataSource as follows.
var dataSource = new Table.DataSource({ url: '/api/users', resolve: function(result) { return result.data; }, getPagination: function(result) {}, getParams: function(pagination, filters, sorter) {} }); <Table dataSource={dataSource} />
API
Table
Parameter
Description