LiveAntd.Components.AntdTable (live_antd v0.1.0)

API

Table

  • [ ] bordered Whether to show all table borders boolean false
  • [ ] columns: Columns of table ColumnsType[] -
  • [ ] components: Override default table elements TableComponents -
  • [ ] dataSource: Data record array to be displayed object[] -
  • [ ] expandable: Config expandable content expandable -
  • [ ] footer: Table footer renderer function(currentPageData) -
  • [ ] getPopupContainer: The render container of dropdowns in table (triggerNode) => HTMLElement () => TableHtmlElement
  • [ ] loading: Loading status of table boolean | object (more) false
  • [ ] locale: The i18n text including filter, sort, empty text, etc object filterConfirm: Ok
  • [ ] pagination: Config of pagination. You can ref table pagination config or full pagination document, hide it by setting it to false object -
  • [ ] rowClassName: Row's className function(record, index): string -
  • [ ] rowKey: Row's unique key, could be a string or function that returns a string string | function(record): string key
  • [ ] rowSelection: Row selection config object -
  • [ ] scroll: Whether the table can be scrollable, config object -
  • [ ] showHeader: Whether to show table header boolean true
  • [ ] showSorterTooltip: The header show next sorter direction tooltip boolean true
  • [ ] size: Size of table default | middle | small default
  • [ ] sortDirections: Supported sort way, could be ascend, descend Array [ascend, descend]
  • [ ] sticky: Set sticky header and scroll bar boolean | {offsetHeader?: number, offsetScroll?: number, getContainer?: () => HTMLElement} - 4.6.0 (getContainer: 4.7.0)
  • [ ] summary: Summary content (currentData) => ReactNode -
  • [ ] tableLayout: The table-layout attribute of table element - | auto | fixed -
  • [ ] fixed: when header/columns are fixed, or using column.ellipsis
  • [ ] title: Table title renderer function(currentPageData) -
  • [ ] onChange: Callback executed when pagination, filters or sorter is changed function(pagination, filters, sorter, extra: { currentDataSource: [], action: paginate | sort | filter }) -
  • [ ] onHeaderRow: Set props on per header row function(column, index) -
  • [ ] onRow: Set props on per row

Example

<AntdTable

dataSource={{@data}}
columns={{@columns}}

/>