Zero configuration

DataTables has sorting and most features enabled by default.

{{value}} {{value}} {{value}} {{value}} {{value}} {{value}}
Default ordering

Lets say you want to sort column descending and ascending order. You want to search by the name column.

Search:
{{value}} {{value}} {{value}} {{value}} {{value}} {{value}}

DOM positioning

When customizing DataTables for your own usage, you might find that the default position of the feature elements (filter input etc) is not quite to your liking. To address this issue DataTables takes inspiration from the CSS 3 Advanced Layout Module and provides the dom initialization parameter which can be set to indicate where you wish particular features to appear in the DOM. You can also specify div wrapping containers (with an id and / or class) to provide complete layout flexibility.

{{value}} {{value}} {{value}} {{value}} {{value}} {{value}}
Search:

Scroll - horizontal and vertical

Scroll - horizontal and vertical DataTables has the ability to show tables with horizontal scrolling, which is very useful for when you have a wide table, but want to constrain it to a limited horizontal display area.

{{value}} {{value}} {{value}} {{value}} {{value}} {{value}}