Press "Enter" to skip to content

JavaScript Library for Sorting and Searching Tables | Auto Tables

Auto Tables JavaScript library for sorting and searching tables. This jQuery plugin for data-rich HTML tables makes it possible to sort table elements by each column and search/filter table rows based mostly on search key phrases.

table with pagination and search and sorting, sorting table data in dynamic html, bs table sort, html sort table by column, javascript sort table by column

How to make use of it:

1. Add each jQuery JavaScript library and the auto-tables.js script to the HTML web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/auto-tables.js"></script>

2. Add the ‘tablesort’ to the goal HTML table to make it sortable.

<table class="tablesort" id="datatable">
  <thead>
    <tr>
    <th data-tablesort-type="int">Index</th>
    <th data-tablesort-type="string">Email</th>
    <th data-tablesort-type="date">Dob</th>
    </tr>
  </thead>
  <tbody>
    Table Cells Here
  </tbody>
</table>

3. Create a search field to filter by means of the info table.

<input type="text" 
       class="tablesearch-input" 
       data-tablesearch-table="#datatable"
/>

Minimal Table Sorter & Filter In jQuery, Auto Tables Plugin/Github

Auto Tables Demo


See Demo And Download

Official Website(rrickgauer): Click Here

This superior jQuery/javascript plugin is developed by rrickgauer. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.