Data table is a component with a high rate of usage within the applications. It allows to show the user a big amount of information in a simple and simplified way. All the information contained in the table has a grid structure, defining columns and rows to place the data and allow the users to scan, analazy, compare and filter that information.
Name | Default | Description |
---|---|---|
columns: object[] | [] | An array of objects representing the columns of the table. Each object has the following properties:
|
rows: object[] | [] | An array of objects representing the rows of the table, you will have as many objects as columns in the table. Each object has the following properties:
|
showGoToPage: boolean | true | If true, a select component for navigation between pages will be displayed. |
itemsPerPage: number | 5 | Number of items per page. |
itemsPerPageOptions: number[] | [] | An array of numbers representing the items per page options. |
tabIndex: number | 0 | Value of the tabindex attribute given to the sortable icon. |
itemsPerPageFunction: function | This function will be called when the user selects an item per page option. The value selected will be passed as a parameter. | |
margin: string | object | Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes. |