Pacem JS - <pacem-datagrid>

## DataGrid Component

The `PacemDataGridElement` is a convenient component for tabled data.  
At first, you can build it up via declarative `PacemDataColumnComponent` children plus a referred `datasource`, like in the tiny example below.

## DataColumn Metadata

The `PacemDataGridElement` also accepts a referred `metadata` array of `DataColumnMetadata` items.  
Every `DataColumnMetadata` item provides a comprehensive set of information and customization for each data column.

Explore the **sorting capabilities** of the _datacolumns_ and the **rescalability** of the first two _datacolumns_ in the following example:

## Custom Events

The `PacemDataGridElement` fires the following noteworthy custom events:

- **`databind`**: occurs when `datasource` property changes. The detail property of the `DataGridBindEvent` is of type `{ keepRowSelection: boolean, datasource: any[] }`.  
It might be handy to override the default **_keepRowSelection_** behavior (`false`) and maintain the current selection state, when a datasource change is only a "refresh".

- **`datarowselectionchange`**: occurs when the user changes the grid row selection. The detail property of the `DataRowSelectChangeEvent` is of type `{ selectedRows: { item: any, index: number }[] }`.