Search

in the DataTables column options (

has a number of options for display of the

class="option" title="DataTables initialisation option">columns.orderable options are used to disable

The KeyTable extension, like all DataTables extensions provides extensive styling options and the ability to be styled by the styling frameworks supported by DataTables core. This section shows KeyTable being styled using external CSS frameworks.

of records. The interaction options of KeyTable operate in

p>KeyTable supports DataTables' scrolling options (

In addition to supporting DataTables' built in scrolling options, KeyTable also supports the Scroller extension for DataTables. As you can see in the example below, no additional configuration is required beyond simply enabling Scroller and KeyTable.

end user performs interaction options with the table's focus.

FixedHeader will automatically work with the Responsive extension for DataTables. All you need to do is enable both options on the table and they will automatically cooperate.

Buttons provides a number of options to control a DataTable including column visibility control. This example shows how FixedHeader will dynamically update as the column visibility changes.

I solved it with writing a render function that used regexp to rip the tooltip's html out.

Your HTML is not valid. You have: <table class="cell-border nowrap order-column hover stripe"> <tbody> <thead> <tr> There is an example in the manual that shows the structure you need to use to create a valid HTML table. Allan

perfect - thanks!

Hi, Thanks very much for the suggestion. It probably isn't something I will include in the DataTables core at this time, but your code can be used as a plug-in by anyone else who would also like to use it. Thanks for sharing it with us! Regards, Allan

Perfect! Thank you so much! p.s. DataTables Rocks!

Work perfect like this!! var colvis = new $.fn.dataTable.ColVis( table, { "buttonText": "Change columns" }); Thanks...

It is a bit of a workaround since the ajax.data option is designed as the channel for data communication with the server, just like it is in jQuery. However, it if works - that's great :-) Allan

Thank you very much for the suggestion. I tried this one http://jsfiddle.net/shumanbaral/LgLxxmaL/1/ It worked fine with only some line of code.

I've also tried to use var min = $("input[id$='dateFrom_DateControl']").datepicker().format("MM/d/yyyy"); var max = $("#input[id$='dateTo_DateControl']").datepicker().format("MM/d/yyyy"); (added .datepicker()) is this necessary?

Hmm.. I'm not sure why yours isn't working sorry.. I see your abuttons are print,csv, i have similiar statements and mine works without issue.