{{description}}
Because DataTable Paginator comes with it's own UI, there really isn't much mark up we need to get started.
``` {{>datatable-paginator-html}} ```After that we need to right align our numbers.
``` {{>datatable-paginator-css}} ```That's it! Just a place to put the table when we render it and some formatting on the columns containing numbers.
For this example we create an Array of data out of 185 words and some random numbers. We add in some formatting to make it a little prettier. Finally we create a "total" column multiplying the price and quantity values.
``` {{>datatable-paginator-js-abbr}} ```At this point it's just a typical datatable. A datatable with 185 rows! We were hoping to have something a little easier to read. All we need to do is define the number of row per page with `rowsPerPage`. Any number greater than zero (0) will do the trick.
``` table.set('rowsPerPage', 10); ```We can also add a UI controller to the header.
``` table.set('paginatorLocation', ['header', 'footer']); ```For simplicity, we put our paginator specifics in the configuration object.
``` {{>datatable-paginator-css}} {{>datatable-paginator-html}} ```