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