PagingTable

Visual settings of the various table elements. Where applicable, those settings can be overriden at the column level

IPagingTableDecorators

Array of column descriptors

IPagingTableColumn[]

Array of data objects

IDataObject[]

Default page size

number

If specified, a function responsible for loading the data

(props: object, Table?: ReactNode) => void

Whether to display a filtering row

boolean

The default filtered rows

IFilteredProps[]

Callback to be called when the filter changes

(newFiltering: IFilteredProps[], column: IPagingTableColumn, value: any) => void

Whether to display the loading indicator

boolean

If true, the data is sorted manually in the onFetchData function

boolean

Number of total pages of data, when loading the data manually

number

Array of available page size options ([5, 10, 20, 25, 50, 100])

number[]

Minimum number of rows to display, even if no data is present

number

callback method called when the page changes

(page: number) => void

callback method called when the page size changes

(newPageSize: number, newPage: number) => void

Array of columns to pivot (group) by

string[]

Default properties to be passed to the pivot component

object

Whether the columns can be resized

boolean

The default resized columns

IResizedProps[]

callback method called when a column is resized

(newResized: IResizedProps[], event?: MouseEvent<HTMLDivElement, MouseEvent>) => void

Whether to display a paging row

boolean

Whether to display a paging row on top of the table

boolean

Whether to display a paging row at the bottom of the table

boolean

Wheter the table headers will allow sorting of the of the data

boolean

Array of default sorted columns and their sort order

IPagingTableSort[]

custom default sorting function

(a: any, b: any, desc: boolean) => number

Whether to allow multi-column sorting

boolean

Whether the default sorting is descending

boolean

callback called when sorted changes

(newSorted: IPagingTableSort[], column: IPagingTableColumn, additive: boolean) => void

groups of the header columns

IPagingTableColumn[]

whether the table has any header groups

boolean

react node for the expander sub row

(row: IRowInfo) => ReactNode

Whether to collapse expanded rows on sorting change

boolean

Whether to collapse expanded rows on page change

boolean

Whether to collapse expanded rows on data change

boolean

Whether to freeze expanded rows

boolean

The default expanded rows

object

The default column properties

IPagingTableColumn

list of the visible columns

IPagingTableColumn[]

The default properties of the expander

IExpanderProps

default properties for expander Box

BoxProps

callback called when the expanded changes on a row

(newExpanded: IExpanderProps, path: string[], event?: MouseEvent<HTMLDivElement, MouseEvent>) => void

The string text for 'Previous' pagination link

string

The string text for 'Next' pagination link

string

The string text for 'loading' label

string

The string text for 'no data' label

string

The string text for 'Page' pagination label

string

The string text for 'of' pagination label

string

The string text for 'rows' filtering label

string

String key for pivot value

string

String key for pivot id

string

String key for sub rows

string

String key for aggregated

string

String key for nesting level

string

String key for original

string

String key for index

string

String key for group by pivot

string

React component to render the table element

ElementType<any>

React component to render the thead element

ElementType<any>

React component to render the tbody element

ElementType<any>

React component to render the tr group element

ElementType<any>

React component to render the tr element

ElementType<any>

React component to render the th element

ElementType<any>

React component to render the td element

ElementType<any>

React component to render the cell text element

ElementType<any>

React component to render the tfoot element

ElementType<any>

React component to render the pagination element

ElementType<any>

React component to render the loading element

ElementType<any>

React component to render the 'no-data' element

ElementType<any>

React component to render the resizer element

ElementType<any>

React component to render the expander element

ExpanderComponent

React component to render the pivot value element

PivotValueComponent

React component to render the pivot element

ElementType<any>

React component to render the aggregated element

ElementType<any>

React component to render the filter element

ElementType<any>

React component to render the pad row(empty row) element

ElementType<any>

function to return custom props

IGetPropsFunc

function to return custom props for the table element

BoxComponentProps

function to return custom props for the thead group lement

BoxComponentProps

function to return custom props for the thead group tr element

BoxComponentProps

function to return custom props for the thead element

BoxComponentProps

function to return custom props for the thead tr element

BoxComponentProps

function to return custom props for the thead th element

BoxComponentProps

function to return custom props for the thead filter element

BoxComponentProps

function to return custom props for the thead filter tr element

BoxComponentProps

function to return custom props for the thead filter th element

BoxComponentProps

function to return custom props for the thead filter input element

IGetPropsFunc

function to return custom props for the tbody element

BoxComponentProps

function to return custom props for the group tr element

BoxComponentProps

function to return custom props for the tr element

(rowIndex: number, finalState: IPagingTableState, rowInfo: IRowInfo, column: IPagingTableColumn, Table?: ReactNode) => BoxProps & BoxClickProps

function to return custom props for the group td element

BoxComponentProps

function to return custom props for the expander element

IGetPropsFunc

function to return custom props for the tfoot element

BoxComponentProps

function to return custom props for the tfoot tr element

BoxComponentProps

function to return custom props for the tfoot td element

BoxComponentProps

function to return custom props for the pagination element

BoxComponentProps

function to return custom props for the loading element

BoxComponentProps

function to return custom props for the 'no data' element

BoxComponentProps

function to return custom props for the resizer element

BoxComponentProps