Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 42 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,45 @@
ColReorderWithResize
====================

Column reordering with resizable columns plug-in for DataTables
Column reordering with resizable columns plug-in for DataTables

New options include:

minResizeWidth: (default: 10). Minimum size that columns can be.

bResizeTable: (Default: true). Allow table to be resized. Column resize events will grow or shrink table

bAddFixed: (default: true). Automtically add taable-layout:fixed CSS to a table

fnResizeTableCallback: Call function every time the table is resized

allowResize (default: true): Allow table to be resized

allowHeaderDoubleClick (default: false): Double-clicking on header field will expand to "full size". double-clicking again will reduce to minimum size. For best behavior, turn off sorting before enabling this.

headerContextMenu (default: false): If set to true, enables a context menu for selecting columns to view. It can work with jquery ui or without jquery ui. (However it is really ugly without it.) A function can also be specified. If a function is given, it will have the scope of the element clicked. It will be passed the event object, the datatable settings and the colreorder scope. See the _fnDefaultContextMenu in the docs for example of creating a function.

Other options remain the same as those in the <a href="http://datatables.net/extras/colreorder/">ColReorder</a> plugin.

Basic initialization:
`````javascript
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'Rlfrtip'
} );
} );
`````

The "R" option in sDom enables this feature.

Additional options can be set with "oColReorder":
`````javascript
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'Rlfrtip',
"oColReorder": {
"bAddFixed":false
}
} );
} );
`````
Loading