| 875 |
lars |
1 |
# FixedColumns
|
|
|
2 |
|
|
|
3 |
When making use of DataTables' x-axis scrolling feature (`scrollX`), you may wish to fix the left or right most columns in place. This extension for DataTables provides exactly this option (for non-scrolling tables, please use the FixedHeader extension, which can fix the header and footer).
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
# Installation
|
|
|
7 |
|
|
|
8 |
To use FixedColumns the best way to obtain the software is to use the [DataTables downloader](//datatables.net/download). You can also include the individual files from the [DataTables CDN](//cdn.datatables.net). See the [documentation](http://datatables.net/extensions/fixedcolumns/) for full details.
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
# Basic usage
|
|
|
12 |
|
|
|
13 |
FixedColumns is initialised using the `fixedColumns` 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. DataTables' scrolling options should also be enabled to use this feature.
|
|
|
14 |
|
|
|
15 |
Example:
|
|
|
16 |
|
|
|
17 |
```js
|
|
|
18 |
$(document).ready(function() {
|
|
|
19 |
var table = $('#example').DataTable( {
|
|
|
20 |
scrollY: "300px",
|
|
|
21 |
scrollX: true,
|
|
|
22 |
scrollCollapse: true,
|
|
|
23 |
paging: false,
|
|
|
24 |
fixedColumns: true
|
|
|
25 |
} );
|
|
|
26 |
} );
|
|
|
27 |
```
|
|
|
28 |
|
|
|
29 |
|
|
|
30 |
# Documentation / support
|
|
|
31 |
|
|
|
32 |
* [Documentation](https://datatables.net/extensions/fixedcolumns/)
|
|
|
33 |
* [DataTables support forums](http://datatables.net/forums)
|
|
|
34 |
|
|
|
35 |
|
|
|
36 |
# GitHub
|
|
|
37 |
|
|
|
38 |
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).
|