Search

Hi, did you manage to find a solution for this?

Your original code looks like it might work, but you might have to use this.invalidate('data'). By default DataTables will attempt to get new data from the same place it got the original data - I suspect here that is the DOM. You are writing into the Javascript variable, so you need to tell it to get the new data from there. Allan

Thank you that did it. Sorry for the hassle. I am trying to learn it with a specific scenario in mind. The scenario had some complexity so that I can put myself and the component through it's paces. Thanks a million

Nevermind, I can't reproduce in a simple example. It must be something weird in my app. I have a workaround, so it's not a problem.

Anybody? If I write the checkboxes outside the table there is no problem, but I would like to put them inside a dropdown menu (button collection). Please help!

Please do not post duplicated (I've deleted your other thread). Please link to a test page showing the issue, as required in the forum rules. Allan

I solved the problem, re init the table, change the filter options. hide the column input fields when switching back to no filter. (think this is a bug) function createOverviewTable(withFilter) { if (withFilter === true) { $('#contactOverviewTable').dataTable ({ "bPaginate": false, "bInfo": false, "bIgnoreEmpty": true, "bFiltered": true, "bFilter": true, "bjQueryUI": false, "bDestroy": true, "processing": true, "columns": [ { "data": 'aanspreekTitel', "name": 'aanspreekTitel' }, { "data": 'naam', "name": 'naam' }, { "data": 'functieTitel', "name": 'functieTitel' } ], "fnRowCallback": function (nRow, aData, iDisplayIndex) { $(nRow).attr("id", aData.contactpuntId); return nRow; } } }); $('#contactOverviewTable').dataTable().columnFilter( { sPlaceHolder: 'head:before', aoColumns: [ { type: "text", bSearchable: true }, { type: "text", bSearchable: true }, { type: "text", bSearchable: true } ] }); $('div.dataTables_filter input').attr('placeholder', '@Resources.Labels.Search'); } else { $('#contactOverviewTable').dataTable ({ "bPaginate": false, "bInfo": false, "bIgnoreEmpty": true, "bFiltered": false, "bFilter": false, "bjQueryUI": false, "bDestroy": true, "processing": true, "columns": [ { "data": 'aanspreekTitel', "name": 'aanspreekTitel' }, { "data": 'naam', "name": 'naam' }, { "data": 'functieTitel', "name": 'functieTitel' } ], "fnRowCallback": function (nRow, aData, iDisplayIndex) { $(nRow).attr("id", aData.contactpuntId); return nRow; } } }); $('.filter_column.filter_text input.text_filter').replaceWith(function () { return '<span class=' + this.className + '>' + this.defaultValue + '</span>' }) } }

I wish you could solve how to use the format :-D Below the text box you type, it has instructions And I typically don't take the time to be of much help in threads where it seems like the OP didn't put much thought or time into the post itself, regarding detail, syntax, formatting, etc etc. I kinda feel "If they don't care to try and make it easier to help, why should I make it easy by helping". I know im not the only one, so just a friendly recommendation, format your posts and give more detail than the one sentence in the subject.. :)

Hello, I found this in the docs and it helped out greatly on my first issue. https://editor.datatables.net/examples/inline-editing/join.html And adding the columnDefs did the trick. Thank You so much. I have my first datatables and inline editing piece working. Randy

I has the same problem and, after debuging, I find my problem and, may be, yours. Verify if you have the bootstrap code included in your datatables.js and also a reference to bootstrap.js in your page and remove one (may be download datatables.js without include bootstrap is better solution).