Search

Never mind—I figured out a way! I mucked around a bit and made the ColVis_collection a ul and the buttons li's. jCarousel works with that layout. Figures that as soon as I ask the question I come up with a solution. :)

[quote]iDon said: After a little more digging, I have it working pretty well (at least, for my immediate purpose).[/quote] Could you post an example of your solution?

Correct - the form example you like to doesn't have the DOM sorting extensions that the other example does (for reasons of trying to keep each individual example reasonably simple). Combining the two will hopefully give you what you are looking for. Allan

figured it out. most certainly there is a better way to do this but, anyway, for now, I am satisfied that it works as expected. here is the code, maybe it helps someone: [code] $(document).ready(function() { $('#orders tr').click( function() { if ( $(this).hasClass('row_selected') ) $(this).removeClass('row_selected'); else $(this).addClass('row_selected'); } ); $('#check_all').click( function() { $('input', oTable.fnGetNodes()).attr('checked',this.checked); if ( $('#orders tr').hasClass('row_selected2') ) $('#orders tr').removeClass('row_selected2 , row_selected'); else $('#orders tr').addClass('row_selected2'); } ); oTable = $('#orders').dataTable( ); } ); [/code]

thanks

`$('#example').dataTable( { "sDom": 'T<"clear">lfrtip', "oTableTools": { "sRowSelect": "multi", "aButtons": [ { "sExtends": "csv", "bSelectedOnly": true } ] }, "order": [[ 1, "desc" ]], "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "columnDefs": [ { "targets": 0, render: function ( data, type, row ) { return row[5]?'':'' } } ] }); ` First issue - Export button is not showing on the page. Second issue - How to implement this code correctly to export selected rows. I am using normal DOM dataSource for dataTables.

i want use Jquery dataTables .I Bound it with json data array.and i want check box to select and a check box to select all rows in header also I need two buttons in each row for some actions. I have html template I post it but i need bound my dataTable to json and I don't know how should do it < table class="table table-striped border-top" id="sample_1"> row user name name family display name status remove 1 a b c d

i have use this but its getting last row data $('#datatable2 tbody').on('click', 'input[type="checkbox"]', function () { debugger; if (this.checked) { var trdat = $(this).closest('tr'); $("#datatable2").DataTable().destroy(); // $("#datatable2").DataTable().fnDestroy(); var dataTable=$("#datatable2").dataTable({ //"aaData": JSON.parse(data.d), //"data": data, "columns": [ { 'data': 'LeadID' }, //{ 'data': 'LeadApp' }, //{ 'data': 'LeadType' }, { 'data': 'PhoneNumber' }, { 'data': 'CustomerName' }, { 'data': 'Address' }, { 'data': 'ElectricityBill' }, //{ 'data': 'Campaign' }, //{ 'data': 'State' }, //{ 'data': 'Postcode' }, { 'data': 'AppointmentDate' }, { 'data': 'AppointmentTime' }, { 'data': 'AliseName' }, { 'data': 'QCRemarks', 'enabled': false, 'render': function (jsonData) { return '<textarea disabled rows="4" cols="25">' + jsonData + '</textarea>'; } }, //{ 'data': 'QC_status' }, { 'data': null, 'className': "center", 'render': function (data, type, full, meta) { return '<input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '">'; } }, ] }); //get the real row index, even if the table is sorted debugger; var index = dataTable.fnGetPosition(trdat[0]); var dataindex = dataTable.fnGetData(index)[0]; alert(dataindex);

Can you please give me some idea or step for hide datatables rows in any listing page? Thank you.

I m trying to get the data in column fashion. I have 2 arrays being formed from column(0) and column(2). column(2) keeps sending "true" value regardless of its checked state, any idea why? Thanks I have the code here http://stackoverflow.com/questions/43906624/datatables-column-based-checkbox-data-array