jquery-datatables

I use jQuery DataTables plug-in and "scrollX":true for horizontal scrolling. Why scroll bar appears above tfoot tag? How to make it appear below footer? var table = $('#example') .DataTable( { "scrollX": true, "scrollCollapse": true, "dom": 'Zlrtip', "colResize": { "tableWidthFixed": false, //"handleWidth": 10, "resizeCallback": function(column) { } }, "searching": false, "paging": false, "info": false, "deferRender": true, "sScrollX": "190%" }); See JSFiddle example demonstrating the problem. You need to add the following code to you DataTables initialization options: "fnInitComplete":

I want to delete the row from datatable. Here is the datatables code I use: var aSelected = []; oTable = $('.itemPublished').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bServerSide": true, "bProcessing": true, "sAjaxSource": "/item/datatable", "bDeferRender": true, "iDisplayLength":20, "aLengthMenu": [[10, 20, 50, 75, 100, 150], [10, 20, 50, 75, 100, 150]], "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 2, 3, 4 ] }, { "sClass": "left", "aTargets": [ 1 ] } ], "fnRowCallback": function( nRow, aData, iDisplayIndex ) { if ( jQuery.inArray(aData.DT_RowId, aSelected) !=

I have a jsp with a table and two buttons "home" and "back" in it and have imported jquery.datatable.js in it. On click of "home" the page should load without any pagination or filter saved. and on click of "back" the table should have all the filter and pagination saved. I have tried setting the "bStateSave" flag true while initializing the data table. This always loads the table with the filter and pagination. Is there any way I can load the table with saved state on click of "back" button and its original state on click of "home" button For DataTables 1.10: Below are API functions for

I have been searching around for a good resource on how to do this with no luck. I am using the jQuery datatables plugin with serverside processing along with pipelining enabled( example ). I have this working in my asp.net webforms project and will be moving to MVC for future projects. I am taking care of server side processing with the class found Here . I have also been looking through the article found Here related to the pagination. Basically what I need to do is create this type of pagination with the datatables plugin and server side processing(pipelining is not necessarily important

The following is working for me: $('#datatable').on('page.dt', function() { alert("changed"); }); Whenever I am changing the page,the alert is shown.But if I want to alert the page no. which is clicked then what's the way table.page.info() returns the current pagination information. That is current page , number of pages , recordsDisplay , recordsTotal and more. var table = $('#datatable').DataTable(); $('#datatable').on('page.dt', function() { var info = table.page.info(); var page = info.page+1; alert('changed - page '+page+' out of '+info.pages+' is clicked'); }); see demo -> http:/

I am successfully exporting HTML tables from a web application to excel using jQuery DataTables. However one particular column has values containg line breaks and tabs. I have managed to display the data correctly on the HTML table by replacing new lines (\n) and tabs (\t) with <br> and  (x5) respectively. The issue is when exporting to excel i need to have the line breaks back in but keep all the value in one cell. here is my jquery code: $('#papercliptable').dataTable({ "sDom": 'T<"clear">lfrtip', "tableTools": { "aButtons": [{ "sExtends": "xls", "sButtonText": "Excel", "fnCellRender":

I'm looking to add data bars behind values in a selected column of a jQuery DataTables table, like the Data Bars Conditional Formatting option in Excel. This answer shows a solution of how to achieve this sort of thing with jqGrid. How would I achieve a similar effect in DataTables? Should be pretty easy, using fnRowCallback(). I don't have my sample code onhand, but suffice it to say that if you use the example on datatables.net for fnRowCallback, you can use the data value to create a div of an appropriate width. Let me try hacking it together without real-world testing it... Assume your

i'm using mvc and jquery datatables, with serve side processing. I have created two Class Model: the first jQueryParamModel, to pass dataTables parameters to action controller public class JQueryDataTableParamModel { /// <summary> /// Request sequence number sent by DataTable, same value must be returned in response /// </summary> public string sEcho{ get; set; } /// <summary> /// Text used for filtering /// </summary> public string sSearch{ get; set; } /// <summary> /// Number of records that should be shown in table /// </summary> public int iDisplayLength{ get; set; } /// <summary> ///