## Introduction
A simple responsive data table style
## Usages
#### Basic Usages
1. The Basic layout of data table. Add `shapla-data-table` class to html `table` element. And wrap with css
class `shapla-data-table-container`.
```html
```
2. Add `is-checkbox-cell` CSS class to HTML `th` or `td` element for checkbox cell. Add `is-numeric-cell` CSS
class to HTML `th` or `td` element for cell containing number.
```html
Name
Age
Jone Doe
18
```
3. Add `is-selected` css class to `tr` element to select row.
```html
Jone Doe
18
```
#### Make table responsive
1. To make table responsive, add `shapla-data-table--mobile` css class to `table` element.
```html
```
2. Add `column-primary` css class to `th` and `td` element on table primary cell (after checkbox cell).
And also add `data-colname=""` attribute to `td` element on `tbody`
```html