Skip to content
Fix the header, footer, left or right columns of a table in place, to always show them when scrolling
Branch: master
Clone or download
Allan Jardine
Allan Jardine Dev: Version bump
Latest commit 990c059 Aug 1, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css New: Bootstrap 4 styling and example May 20, 2016
docs DEV - giving the examples and words for FixedHeader some love Feb 1, 2018
examples Dev: Improved styling for input elements Feb 2, 2018
js Dev: Version bump Aug 1, 2018
.gitignore
Issue_template.txt
License.txt Add text to license file to make it explicit that it is the MIT license Aug 11, 2015
Readme.md Fix: Readme was out of date for v3 Aug 23, 2016
bower.json
make.sh

Readme.md

FixedHeader

The FixedHeader plug-in will freeze in place the header and/or footer in a DataTable, ensuring that title information will remain always visible.

Installation

To use FixedHeader the primary way to obtain the software is to use the DataTables downloader. You can also include the individual files from the DataTables CDN. See the documentation for full details.

NPM and Bower

If you prefer to use a package manager such as NPM or Bower, distribution repositories are available with software built from this repository under the name datatables.net-fixedheader. Styling packages for Bootstrap, Foundation and other styling libraries are also available by adding a suffix to the package name.

Please see the DataTables NPM and Bower installation pages for further information. The DataTables installation manual also has details on how to use package managers with DataTables.

Basic usage

FixedHeader is initialised using the fixedHeader option in the DataTables constructor - a simple boolean true will enable the feature. Further options can be specified using this option as an object - see the documentation for details.

Example:

$(document).ready( function () {
    $('#myTable').DataTable( {
    	fixedHeader: true
    } );
} );

Documentation / support

GitHub

If you fancy getting involved with the development of FixedHeader and help make it better, please refer to its GitHub repo.

You can’t perform that action at this time.