Search

There's a bug in the CSS for Select; the select-checkbox class is styled for td and th elements, but the th elements' parent is declared as tbody, instead of thead

js file $(document).ready(function() { var table = $('#example').DataTable( { scrollY: false, scrollX: "100%", scrollCollapse: true, bPaginate : false, dom: 'Bfrtip', buttons: [ { extend: 'pdf', exportOptions: { modifier: { selected: true } } } ], 'columnDefs': [{ 'targets': 0, 'searchable':false, 'orderable':false, 'className': 'select-checkbox novis', 'render': function (data, type, full, meta){ console.log("Data: " + data); return $(' <div/>').text(data).html(); }}], 'order': [1, 'asc'], fixedColumns: { leftColumns: 1, rightColumns: 0 } } ); // $(".right-scroll").on('click', function() { // document.querySelector('.dataTables_scrollBody').scrollLeft += 40; // }) // $(".left-scroll").on('click', function() { // document.querySelector('.dataTables_scrollBody').scrollLeft -= 40; // }) /*$('.dataTables_scrollHeadInner tr th:first-child').addClass('staticCol'); $('#example tr').find('td:first-child').addClass('staticCol'); var abc = $('.DTFC_LeftWrapper').html(); $(document).on('click',function() { $('.DTFC_LeftWrapper').html(abc); $('.DTFC_LeftWrapper').find('.staticCol').removeClass('staticCol'); });*/ var colIndex = 0, widths = []; $('.dataTable thead th').each(function() { widths.push(parseInt(this.style.width)+25); }); $(".right-scroll").on('click', function() { if (colIndex == widths.length-1) return; document.querySelector('.dataTables_scrollBody').scrollLeft += widths[colIndex]; colIndex++; }) ; $(".left-scroll").on('click', function() { if (colIndex == 0) return; colIndex--; var scrollLeft = 0; for (var i=0;i<colIndex;i++) { scrollLeft+=widths[i] } document.querySelector('.dataTables_scrollBody').scrollLeft = scrollLeft; }); // $(".DTFC_LeftBodyWrapper tbody tr td.novis").on('click', function(){ // console.log("DTFC_LeftBodyWrapper clicked"); // }); /*$('.DTFC_LeftBodyWrapper tbody tr td.novis').on('click', 'input[type="checkbox"]', function(e){ e.stopPropagation(); e.preventDefault(); $(this).prop("checked",true); var $row = $(this).closest('tr'); if(this.checked){ $row.addClass('selected'); } else { $row.removeClass('selected'); } console.log(this); });*/ $('#example_wrapper tbody').on( 'click', 'input[type="checkbox"]', function () { var $row = $(this).closest('tr'); if(this.checked){ $row.addClass('selected'); } else { $row.removeClass('selected'); } } ); });

What needs to be done to support a scrolling popup list of 50 columns and each entry can be checked/unchecked? Anyone have a sample of this for DataTables 1.10.9?

We have requirement, like we will have mutlple employees spanned across multiple pages. I have a button to move them. When i click on the button, i should be able to capture all the checked boxes on multiple pages. But i am only able to capture check boxes on the active page. But if i traverse, i can still the check boxex checked but not able to capture them. If possible, please help me out..

I have a column of data that is true/false from ajax. The examples I can find all uses legacy options, how should I implement this?

We have some cheboxes, they do their work but they overwrite while filtering and while checking two different boxes it will show only the last checked box. [code] $("#filters :checkbox").change(function(){ if($(this).is(":checked")) { dataTable.fnFilter( "^"+ $( this).attr("val") + "$", $(this).attr("column"), true, true ); } else { dataTable.fnFilter("", $(this).attr("column"), false); } } ); [/code]

I was following this demo ( http://datatables.net/release-datatables/examples/api/multi_filter_select.html ) but i wanted a modification. The example shows filtering using multiple columns but only one value per column. How do i get the correct filtering by selecting multiple values by using: [code] [/code] To summarize i want to filter using multiple values from the column as well.

Can possible add radio button in the first column in each row? and How?

inside a child with checkboxes, if i select them

based on the selected checkboxes. Any idea how to