Skip to content

Fix the header, footer, left or right columns of a table in place, to always show them when scrolling

Notifications You must be signed in to change notification settings

tudor-sv/FixedHeader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# FixedHeader

At times it can be useful to ensure that column titles will remain always visible on a table, even when a user scrolls down a table. The FixedHeader plug-in for DataTables will float the 'thead' element above the table at all times to help address this issue. The column titles also remain click-able to perform sorting. Key features include:

* Fix the header to the top of the window
* Ability to fix the footer and left / right columns as well
* z-Index ordering options


# Installation

To use FixedHeader, first download DataTables ( http://datatables.net/download ) and place the unzipped FixedHeader package into a `extensions` directory in the DataTables package. This will allow the pages in the examples to operate correctly. To see the examples running, open the `examples` directory in your web-browser.


# Basic usage

FixedHeader is initialised using the `$.fn.dataTable.FixedHeader()` object. For example:

```js
$(document).ready( function () {
    var table = $('#example').dataTable();
    new $.fn.dataTable.FixedHeader( table );
} );
```


# Documentation / support

* Documentation: http://datatables.net/extensions/FixedHeader/
* DataTables support forums: http://datatables.net/forums


# GitHub

If you fancy getting involved with the development of FixedHeader and help make it better, please refer to its GitHub repo: https://github.com/DataTables/FixedHeader

About

Fix the header, footer, left or right columns of a table in place, to always show them when scrolling

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 98.1%
  • Shell 1.6%
  • CSS 0.3%