simple-datatables
Version:
A lightweight, dependency-free JavaScript HTML table plugin.
68 lines (57 loc) • 1.61 kB
Markdown
Simple DataTables utilizes the [MomentJS](https://momentjs.com/) library for parsing datetime strings for easier column sorting.
Define a `data-type` attribute on the headings and set the value to `date`. If the datetime string is in a format that can not be sorted easily by standard methods, you must define the `data-format` attribute and set its value to the format that is expected.
```html
<table>
<thead>
<th data-type="date" data-format="DD/MM/YYYY"></th>
<th data-type="date" data-format="MM/DD/YY"></th>
...
</thead>
</table>
```
The `date` and `format` strings can also be defined in the options using the `columns` property:
```javascript
// Allow sorting of the first column with "DD/MM/YYYY" format
let datatable = new DataTable("#myTable", {
columns: [
{
select: 0,
type: "date",
format: "DD/MM/YYYY"
}
]
});
// Apply formatting to the third and fourth columns as well
let datatable = new DataTable("#myTable", {
columns: [
{
select: 0,
type: "date",
format: "DD/MM/YYYY"
},
{
select: [2,3],
type: "date",
format: "MM/DD/YY"
}
]
});
```
As well as custom format strings, there are some pre-defined formats that you can utilise:
* `ISO_8601`
* `RFC_2822`
* `MYSQL`
```javascript
// Allow sorting of the third column by MySQL datetime strings
let datatable = new DataTable("#myTable", {
columns: [
{
select: 2,
type: "date",
format: "MYSQL"
}
]
});
```