|
1
|
# ColVis
|
|
2
|
|
|
3
|
ColVis adds a button to the toolbars around DataTables which gives the end user of the table the ability to dynamically change the visibility of the columns in the table:
|
|
4
|
|
|
5
|
* Dynamically show and hide columns in a table
|
|
6
|
* Very easy integration with DataTables
|
|
7
|
* Ability to exclude columns from being either hidden or shown
|
|
8
|
* Save saving integration with DataTables
|
|
9
|
|
|
10
|
|
|
11
|
# Installation
|
|
12
|
|
|
13
|
To use ColVis, first download DataTables ( http://datatables.net/download ) and place the unzipped ColVis 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.
|
|
14
|
|
|
15
|
|
|
16
|
# Basic usage
|
|
17
|
|
|
18
|
ColVis is initialised using the `C` option that it adds to DataTables' `dom` option. For example:
|
|
19
|
|
|
20
|
```js
|
|
21
|
$(document).ready( function () {
|
|
22
|
$('#example').dataTable( {
|
|
23
|
"dom": 'C<"clear">lfrtip'
|
|
24
|
} );
|
|
25
|
} );
|
|
26
|
```
|
|
27
|
|
|
28
|
|
|
29
|
# Documentation / support
|
|
30
|
|
|
31
|
* Documentation: http://datatables.net/extensions/colvis/
|
|
32
|
* DataTables support forums: http://datatables.net/forums
|
|
33
|
|
|
34
|
|
|
35
|
# GitHub
|
|
36
|
|
|
37
|
If you fancy getting involved with the development of ColVis and help make it better, please refer to its GitHub repo: https://github.com/DataTables/ColVis
|
|
38
|
|