Search

So far as I can determine, what appears to be happening is that the first table gets a TableTools object on dataTable initialization. But subsequent tables do not get a TableTools object. I've overcome this by wrapping the initialization in an .each(), like so: [code] $(document).ready(function(){ $('.dtg').each(function(){ $(this).dataTable({ "bJQueryUI": true, "bProcessing": true, "bStateSave": true, "sDom": '<"H">tr<"F"T>', 'sScrollX':'100%', "oTableTools": { "sRowSelect": "single", "sSwfPath": "media/swf/copy_cvs_xls_pdf.swf", "aButtons": [],// no buttons "fnRowSelected": function(node){ var table = $(node).parents('table'); aData = $(table).dataTable().fnGetData(node); context = $(table).parents('div.fs'); $('input[name="col1"]',$(context)).val(aData[0]); $('input[name="col2"]',$(context)).val(aData[1]); }, "fnRowDeselected": function(node){ var table = $(node).parents('table'); aData = $(table).dataTable().fnGetData(node); context = $(node).closest('div.fs'); $('input[name="col1"]',$(context)).val(undefined); $('input[name="col2"]',$(context)).val(undefined); } } }); }) }); [/code]

Okay, just got this figured out. If anyone else is running into this issue, it helps to use the index files and make sure you have the correct .js files linked. It gets a little confusing with the media/js/ColReorder as those file locations are similar for demos vs the actual .js files to link to. Still love this tool as I think is well above and beyond anything else I have tried to work with, just a step by step how-to would be helpful. Maybe as a user group that should be an effort we establish if it hasn't already been started.

Sorry lost track of this. on the Jeditable website, in order to set it in edit mode initally. I was told: You can trigger the used event when your document loads. For example: $(function() { $("#editable").trigger("click"); Not sure how to access this trigger event on Datatables? Any help?

Ah... I had set an inline style on the tables, but it was getting destroyed on the second call and replaced with the attribute "style='width: 100px'". Putting the style in a stylesheet and marking !important clears it up. Thanks!

http://www.datatables.net/ref#iDeferLoading

Nevermind. This was because the selector name for the table is wrong.

Hey allan, Ye, its 26. I understand what i need to do now, thanks. The processing of the rows needs to be done on initialization when using serverSide and ajaxSource and not just when filtering, sorting etc.

Should I modify some details in source code?

Solved. Silly mistake, need to make sure the plug-in is defined before table initialization (duh).

http://datatables.net/usage/callbacks#fnServerData - as shown you can construct your own Ajax call to the server. So all you need to do is add an if cndition in there to say that if it's the first draw just give the callback method an empty data set. Otherwise, do the Ajax call to the server. Allan