Datatables

Dokumentasi Datatables

Cara Pakai

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

    
      <script>
        (function () {
          // INITIALIZATION OF DATATABLES
          // =======================================================
          Nue.components.NueDatatables.init('.js-datatable')
        })()
      </script>

Basic example

With pagination


Example with entries:

With filter

Checkbox select

Date picker filter

Column show/hide

Drag' n' drop

Export options

Column fixed

Header with fixed height

Collapsible rows

Methods

ParametersDescriptionDefault value
pagingEnable pagination.true
info.currentIntervalPages interval info template.null
info.dividerDivider for current interval. Example: Showing 1 to 10 of 24 entries."to"
paginationPagination template.null
paginationClassesPagination class.pagination
paginationLinksClassesPagination links classes.page-link
paginationItemsClassesPagination items classes.page-item
paginationPrevLinkClassesPagination previous class.page-item
paginationPrevLinkClassesPagination previous link class.page-link
paginationNextClassesPagination next class.page-item
paginationNextLinkClassesPagination next link class.page-link
paginationPrevLinkMarkupPagination previous template.<span aria-hidden="true">Prev</span>
paginationNextLinkMarkupPagination next template.<span aria-hidden="true">Next</span>