# tp-table

Displays a list of items in a interactive table.

## Defining columns

The `columns` property is an array of objects that define the columns of the table.

Each column object has the following properties:

- `label`: The label of the column.
- `name`: The name of the column. This is the property name within the item object that is currently being displayed.
- `width`: The width of the column in pixels. Should be a string like `100px`.
- `required`: Whether the column is required. Required columns are always visible.
- `visible`: Whether the column is visible by default.
- `sortable`: Whether the column is sortable.

## Custom table elements

To override the default table column headers you can override the `renderColumnHeader(column, idx)` method.

To override the default cell elements you can override the `renderItem(item, idx, columns, selected)` method.