Responsive table header and columns freezing – jquery-freeze-table

RWD table header and columns freezing – a jQuery plugin

Responsive table header and columns freeze

Freeze the head rows and columns for large table with RWD. Optional features such as Freeze Scroll Bar. Namespace support for multiple tables.

RWD Table with freezing head and columns
RWD Table with freezing head and columns

Setup

bower install jquery-freeze-table

Sample

Markup – add the classes .table to the tables as usual when using Bootstrap, then wrap them with a identity such as .freeze-table

<div class="freeze-table">
  <table class="table">
    <thead>
      <th>...</th>
    </thead>
    <tbody>
      <td>...</td>
    <tbody>
  </table>
</div>

Init

// We can initialize Freeze Table by jQuery extension call:
$(function() {
  $('.freeze-table').freezeTable({});
});

// Or initialize an element by newing object from Freeze Table class:
$(function() {
  new FreezeTable('.freeze-table', {});
});

License: MIT

Homepage

https://yidas.github.io/jquery-freeze-table/

GitHub

https://github.com/yidas/jquery-freeze-table

See also

A nice, editable jQuery table plugin with Bootstrap

jQuery data TreeTable plugin

Excel in JavaScript / jQuery – jExcel

Enjoy!