jquery-datatables

I am using jQuery Datatables plugin for a smal table (12 rows). Some <input type="text" ... fields allow editing. When the input field loses focus I need to validate its value and possibly change the field value. I haven't been able to get modified input field values to be recognized by DataTables without issuing a .draw() afterwards, but this causes the table to scroll to the top of the table. Is there a way of maintaining the current scroll position after issuing a .draw()? $('#mytable').on('blur', 'input', function (e) { var inputFieldId = this.id; var inputFieldVal = $(this).val(); { ...

I am using jquery datatables . http://jsfiddle.net/s3j5pbj4/2/ I am populating around 3000 records in paginated table.Problem is that If am selecting few checkbox and dropdown options in first page and move to next page (by clicking on paginated next button) and again come back on first page , selected data is getting reset again (i.e. lets say every paginated page shows 10 rows on each page and if I have selected 5 rows on first page and then navigate to next page and again come back to first page selected row's data getting reset again). I want my user should be able to see what all

I'm trying to sort columns in DataTables.js that contain HTML anchor tags. The text within the anchor tag is an integer, like <a href="#">123</a> . I want to sort the columns numerically. In the documentation examples, there is DataTables HTML sorting auto-detection example . I tried this but it doesn't solve my issue - it does correctly parse the text out of the HTML, however, it treats the resulting text as a string and not an integer. Example output: 0, 0, 1, 14, 67, 67, 7 Desired output: 0, 0, 1, 7, 14, 67, 67 How can I parse the <a> text as an integer prior to sorting? Code JSFiddle This

When I search or clicked filter in a table, I want to make url query from table to share this url to someone. Does somebody know how this is possible? This is my code $("#example").dataTable({ "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], "iDisplayLength": -1, "fnStateSave": function(oSettings, oData) { localStorage.setItem('DataTables_' + window.location.pathname, JSON.stringify(oData)); }, "fnStateLoad": function(oSettings) { return JSON.parse(localStorage.getItem('DataTables_' + window.location.pathname)); }, "fnStateSaveCallback": function(){ } }).columnFilter({

I have a datatable in my program. And I want it to be scrollable horizontally so what I did was like this: var tableI = $('#table_data').DataTable({ "bLengthChange": false, "scrollX": true, "dom": 'frtp' }); It came out like this(as sample output): It doubled the header. How am I going to fix this? EDIT: Here's another sample: here's my HTML code: <table class="table table-striped" id="act_data" width="100%"> <div style="float:left;width:385px" > <button type="button" id="edit_acc" class="btn btn-primary" data-toggle="modal" data-target="#editAcc"><span class=" fa fa-edit "> Edit Account</span

Please look at my problem below: I use in my MVC-Web-Applikation the jquery datatables. When i display only 8 columns, everything works fine. But with 1 more column, i get the ajax-error-message, see title. The controller wokrs fine, because the 8 columns work fine. Here my code of the view: <script type="text/javascript"> $(document).ready(function () { var table = $('#example').DataTable({ "processing": true, "serverSide": true, "ajax": "@Url.Action("List", "DFS_Akustik")", "columns": [ { "data": "ID" }, { "data": "MessID" }, { "data": "KL_ID" }, { "data": "MP_ID" }, { "data": "LwLin50ss" },