Search

I'm using a lot of Single Page Applications these days, and I can get ColReorder to work fine with the default approach. Works great if the user closes their browser and re-opens the same page, or even if they press F5. But I have buttons on many pages that change the criteria for the grid data and re-fill the grid from a new Ajax call, having the bDestroy attribute = true. When I do this the column order changes are lost. I have tried initializing ColReorder with the dom attribute or with the "new $.fn.dataTable.ColReorder..." approach. I have tried using localStorage to reload the previous configuration, as well as many other approaches, but without success. Sorry to say I can't post a link and I'm totally stupid about how to put up a jsfiddle etc. Thanks, Bob Graham

Here's the scenario: I load up a form with some generic headers. I'd prefer to load no headers and just hide the datatable for now. The client fills out the form and based on what checkbox they select a different results set AND results header is returned. I don't know what the headers will be until after they submit the form. Once they submit i use a $("#resultsHeader").replaceWith() to update the header columns of the datatable. Now I lose all my datatable styles and nothing seems to work. I have tried fnDestroy() and fnUpdate and nothing seems to work. you can see all my code at: http://jsfiddle.net/j7mQd/

I have this problem Status Code:500 Internal Server Error, i try to see the ajax response, it shows me 'This request has no response data available'. Any Help please

Hi all, Forgive me if I am going absurd here, I need help as I found none on google. I have a dataTable in which I am trying to add and update the rows through js directly. When I added more than one new rows, I found that dataTable was adding the same row_id to every new created row. Some how I managed to create unique ids for the rows (did in fnRowCallback). "fnRowCallback": function (nRow, aData) { if (!$(nRow).attr("id")) $(nRow).attr("id", aData.DT_RowId); } Every row in my dataTable has an edit icon, clicking on which I have to populate the data associated with the underlying row into the text boxes available in a form. Please have a look at the following script; $('#banks-local').dataTable( ........ ).on('click', '.edit', function () { reset(); selectedRow = $(this).parents('tr'); var t = localTable.fnGetData(selectedRow[0]); selectedId = t.DT_RowId; selectedBank = t; $('#bankId').val(selectedBank.S_Bank_Master_GUID); $('#name').val(selectedBank.Bank_Name); $('#description').val(selectedBank.Bank_Description); $('#comments').val(selectedBank.Comments); }); NOTE: '.edit' is the class for edit icon. What problem I'm facing is that, although I am getting correct "selectedRow[0]", I am getting the data associated with the last inserted row only (not the one I am clicking on). It has blown me up completely.. Does anyone has any idea what I'm doing wrong here? Thanks, in advance for your help....

Looking for a way to show no results until a drop down is engaged.

Hi there, I'm trying to setup my dataTables with JSON data via Ajax option. I succeed setting it, but I have some problems with the structure of my JSON. An example is maybe better than explanations! Working : http://jsfiddle.net/alrick/bVqQx/ Not Working : http://jsfiddle.net/alrick/bVqQx/1/ Any idea? Thanks

$(document).ready( function() { $('#example').dataTable( { "lengthMenu": [[10, 25, 50, 100, 250, 500, 1000, -1], [10, 25, 50, 100, 250, 500, 1000, "All"]] } ); } ); $(document).ready(function() { $('#example').DataTable( { dom: 'T<"clear">lfrtip', tableTools: { "aButtons": [ "copy", "csv", "xls", { "sExtends": "pdf", "sPdfOrientation": "landscape", "sPdfMessage": "Input message here" }, "print" ] } } ); } );

as said, my edit- and delete-icons get hidden by datatables, if i do a search in the searchbox. my code is like: http://jsfiddle.net/jCehY/ somebody has a hint? Greetings

Hi, We have implemented datatable with three tabs. It is one page portal application, where we Want to set log in backend iwhenever users click any tabs. except the initial load where it is loaded for 1st time. Please help me to implement it.. Regards, Indubhushan

I am using datatables to provide information. However, because of how often I refresh the data, the user will be pushed back to the top of the screen when I refresh the data, if they have scrolled down to the bottom of the list. How do I keep the datatable from resetting where the user is at scroll-wise.