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 ColReorder plugin.
Basic initialization:
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'Rlfrtip'
} );
} );The "R" option in sDom enables this feature.
Additional options can be set with "oColReorder":
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'Rlfrtip',
"oColReorder": {
"bAddFixed":false
}
} );
} );