Search

to integrate a Music Playlist Creator using 3 tables

sReturn = "<div id='myElement"+iDataRow+"'>Loading the player ...</div><script type='text/javascript'>"; sReturn += "jwplayer('myElement"+iDataRow+"').setup({";

ARGH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! I knew this would be friggin easy to fix... once I found the answer: $('#ASBresultsModal').on('shown.bs.modal', function () { var table = $('#example').DataTable(); table.columns.adjust(); });

Hi @danday , 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

TableTools was retired some time ago. Use Buttons and Select. https://datatables.net/extensions/tabletools/

No it's not the case, due to my organisation's proxy setting, the js files didnt download during load time. So I manually downloaded the .js files and included them in project folder structure locally and it worked

That worked great, Thanks!!!

hai Allan, I have same problem with chris4beta, but I still don't get the solution. I try like what you show, but not work. this my code: [code] var tbl_penugasan_guru = $("#tbl_penugasan_guru").dataTable({ "fnDrawCallback": function( oSettings ) { /* show dialog when click */ $( "a.create-kelas" ).bind('click', function() { $("#dialog-form").dialog( "open" ); /* filter function */ fnFilterColumn(); }); }, "bFilter": true, "bSort": false, "bStateSave": true, "bServerSide": true, "bAutoWidth": false, "bProcessing": true, "bLengthChange": false, "bInfo": false, "iDisplayLength": , "sPaginationType": 'bootstrap', "sAjaxSource": 'penugasan_guru/populate_penugasan_guru', "aoColumns": [ { 'sName' : 'g.nama' }, { 'sName' : 'p.pelajaran' }, { 'sName' : 'pg.rombel_id' }, { 'sName' : 'ta.tahun' }, { 'sName' : 'p.tingkat', 'bVisible': false }, ], "fnServerData": function (sSource, aoData, fnCallback) { /* validasi token dari CI */ aoData.push( { "name": "ci_csrf_token", "value": $("input[name=ci_csrf_token]").val() } ); $.ajax ({ 'dataType': 'json', 'type' : 'POST', 'url' : sSource, 'data' : aoData, 'success' : fnCallback }); }, }); /* filter function */ function fnFilterColumn () { var asset_filter = '1|2'; $("#tbl_kelas").dataTable().fnFilter(asset_filter, 2, true, true); } [/code] when asset_vilter = '1'; the code work. regrads;

I don't quite understand I'm afraid. It looks like the icons are showing up in your image in the second half in the table's header. Is that not what you are looking for? There is an example here showing how you could integrate TabelTools with JUI: http://datatables.net/release-datatables/extras/TableTools/theme.html . Allan

look. I have already played around with the customize