Search

to be more specific, if there is an automatic indentaton in the code between an end td tag and the next td opening tag, it causes the problem.

use: $.fn.dataTableExt.oApi.UpdateScrolX = function (oSettings, width) { //var oSettings = _fnSettingsFromNode(this[_oExt.iApiIndex]); if(width != "") { oSettings.oScroll.sXInner= width; } this.fnDraw(); } put this in a new file (for example datatablesExtentions.js) add this js page to you'r html after the datatables js file

yeah, you are right; I just messed up with PHP code. Now I understand, thanks

Ok, i answered myself: "fnDrawCallback" does the trick

Thanks for your kind words :-) There is a plug-in for DataTables from Jovan Popovic which wraps up jEditable to try and make the integration of it with DataTables a little easier: http://code.google.com/p/jquery-datatables-editable/ . I'll also be adding a blog post soon about how to roll your own little inline editing features in DataTables. Allan

Perfect, that seems to do the trick. Thank you!

Hi guys, Integration of Alert into DataTables should be a fairly simple process, the only tricky part is to get the event handler to call Alert and then Alert (on confirm) to to whatever you need to do with DataTables. What code have you got so far? Allan

I am Having JSON object from which i am creating Dynamic Columns. At 5th position i am having ID which i want to pass to Server. How do i achieve it on click of specific button var jsonData=data[key[0]]; var column=data[key[1]]; $('#example').DataTable({ data: jsonData, columnDefs: [ { targets: 5, render: function(data, type, full, meta){ if(type === 'display'){ data = '<button class="btn-edit" type="button">Edit</button>' + '<button class="btn-delete" type="button">Delet</button>'; } return data; } } ], columns: column });

For eg: table.rows('tr').nodes(); its length returns the total number of rows. But after creating the new row using row details this code provides the same number. if it was 26 rows initially, after row details it should return 27 right ?

when I try to run a second time it does not work and does not add $, some other way or example to edit the fields of the rows? $('td', row).eq(3).replaceWith("$"+ new Intl.NumberFormat().format(data.price_usd)); My code on codepen and also would like to know how to add my own fields