Table
Rows and columns with sorting, filtering, selection, expansion, fixed headers and columns, and its own pagination.
Anotomy
Structure of the table and how its internal parts are composed. These are the table's semantic parts, so they are also what the
classNames and styles objects accept. components replaces the elements themselves when a class is not enough.
| Name | Description | |
|---|---|---|
1 | root | The whole table, the pagination included. |
2 | section | The table itself, from the title down to the footer. bordered and size change it here. |
3 | title | The row above the columns, from title. |
4 | content | The scroll area holding the header and the rows. scroll sets a fixed height or width for it. |
5 | header.row | The row of column titles, from columns. |
6 | header.cell | One column title, with its sort and filter controls when the column has them. |
7 | body.row | One record, from an entry in dataSource. onRow attaches events to it, and rowSelection adds the checkbox column. |
8 | body.cell | One value, drawn by the column's render or read from its dataIndex. |
9 | footer | The row under the records, from footer. |
10 | pagination.root | The page controls under the table, from pagination. false removes them. |
11 | header.wrapper | The <thead> around the column titles. |
12 | body.wrapper | The <tbody> around the records. |
13 | pagination.item | One page button in the page controls. |
© 2026 AntUIKit . All rights reserved.