1.5 KiB

Raw Permalink Blame History

FixedColumns

When making use of DataTables' x-axis scrolling feature (scrollX), you may wish to fix the left or right most columns in place. This plug-in for DataTables provides exactly this option (for non-scrolling tables, please use the FixedHeader plug-in, which can fix headers, footers and columns). Key features include:

Freezes the left most column to the side of the table
Option to freeze two or more columns
Full integration with DataTables' scrolling options

Installation

To use FixedColumns, first download DataTables ( http://datatables.net/download ) and place the unzipped FixedColumns 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

FixedColumns is initialised using the $.fn.dataTable.FixedColumns() constructor. For example:

$(document).ready(function() {
	var table = $('#example').DataTable( {
		scrollY:        "300px",
		scrollX:        true,
		scrollCollapse: true,
		paging:         false
	} );

	new $.fn.dataTable.FixedColumns( table );
} );

Documentation / support

Documentation: http://datatables.net/extensions/FixedColumns/
DataTables support forums: http://datatables.net/forums

GitHub

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

1.5 KiB Raw Permalink Blame History