Search

See if this thread helps. Kevin

But as soon as I redraw the table it stops working. And the reason is (as far as I understood) that the qtip.js file is not loaded. Hos are you redrawing the table? And the awful solution I found is to fully include the text of the file inside the drawCallback function. There is something wrong with your page if you need to include the text of qtip.js inside the drawCallback function. This would insert a duplicate qtip.js instance each time drawCallback is executed. In order to help we will need to see the page so we can see exactly what you have. I took Bindrid's example code and put it into this test case: http://live.datatables.net/xefewuto/1/edit NOTE: The mouseover ajax function call returns all the data. It is expected that only one row of data, pertaining to the mouseover row, is returned in production. The example doesn't use drawCallback. It relies on jQuery Delegated event to create a single event for all elements that contain the classname details. Looks like fine tuning of the qtip tool can be made as it can sometimes leave artifacts in the test case. Will leave this part to you as its qtip that needs to remove the old display info. Feel free to update my test case to show any Datatables related issues. Kevin

You have $('#example').on('click', 'tbody td.row-edit', function (e) { editor.inline(table.cells(this.parentNode, '*').nodes(), { submitTrigger: -2, submitHtml: '<i class="fa fa-play"/>' }); }); In line 2 you are using table.cells(...). You don't have a variable table. You are using tabla. Change table to tabla. Kevin

Ah ha, I get it now. Learning a lot along the way – thanks a boat load : )

thank you, it was indeed that

I solved the problem. It was working 2 times because there was another code. $(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody') .on( 'mouseenter', 'td', function () { var colIdx = table.cell(this).index().column; $( table.cells().nodes() ).removeClass( 'highlight' ); $( table.column( colIdx ).nodes() ).addClass( 'highlight' ); } ); } );

found the answer moments after posting the question need to use draw.dt not page.dt

Great support Kevin!!

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here. Cheers, Colin

Ok I found the solution! The page encoding was missing. :# <meta charset="utf-8"> This fix the problem.