Make Table Resizable, Scrollable And Sortable With jQuery - jsRapTable

Make Table Resizable, Scrollable And Sortable With jQuery - jsRapTable

jsRapTable is a small and easy-to-use jQuery plugin which makes your large HTML table resizable, scrollable and sortable with a single JS call.


  • Resizable: Mouse drag to adjust the width of the table columns.
  • Scrollable: Makes long table scrollable to save the screen space.
  • Sortable: Click the table header to resort the table rows.

How to use it:

1. Load the stylesheet jsRapTable.css to style the HTML table. Feel free to override the CSS rules to create your own styles.

<link rel="stylesheet" href="jsRapTable.css">

2. Load jQuery library and the JavaScript jsRapTable.js right before the closing body tag.

<script src="" 
<script src="jsRapTable.js"></script>

3. Attach the plugin to the HTML table and done.

<div id="demo">

4. Add the sortable functionality to the table.

      return $(this).index() === i;
    }).sortElements(function(a, b){
        return $.text([a]) > $.text([b]) ?  d ? -1 : 1 : d ? 1 : -1;
        return Number($.text([a])) > Number($.text([b])) ?  d ? -1 : 1 : d ? 1 : -1;
    }, function(){
      return this.parentNode;

This awesome jQuery plugin is developed by Thibor. For more Advanced Usages, please check the demo page or visit the official website.

  • Publication date: 14.12.2018
  • Source