datatables-1.10

How to group multiple columns in jquery datatables

由 ﹥＞﹥吖頭↗ 提交于 2019-12-23 11:44:13
问题 How to collapse and expand the table based on multiple columns grouping. For example I have table like this --------------------------------------------------------------- location | size | cont_no | price | depot | cond | --------------------------------------------------------------- USA | XX | 123 | 230 | SED | LK | USA | YY | 343 | 330 | ASD | HK | UAE | XX | 233 | 230 | SED | LK | IND | ZZ | 123 | 230 | SAD | FK | IND | XX | 213 | 430 | ASD | KK | IND | YY | 433 | 870 | GFD | FK | USA |

Tooltip doesn't work on datatables child rows

由 主宰稳场 提交于 2019-12-23 09:32:46
问题 Bootstrap Tooltip doesn't work on child rows with jQuery DataTables. With fnDrawCallback it works on usual rows, but it has no effect on child rows, and I have no idea how to make it works. "fnDrawCallback": function( oSettings ) { $('[rel="tooltip"]').tooltip(); } See Child rows and fnDrawCallback for reference. HTML Example: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico"> <meta name="viewport"

Can we apply SlimScroll or PerfectScrollbar plugin to jQuery Datatable default vertical scroll

由 。_饼干妹妹 提交于 2019-12-23 05:27:57
问题 I am using Datatable ver 1.10, I enable the vertical scrolling. now datatable showing window default scroll style. Is it possible to change/implement some other scrollBar on datatable scrollbar? to make it more beautiful and fancy. I tried this solution at stackoverflow but it squeez the header. also I want header and footer fixed position. 回答1: here is my working code // when initialization is completed then apply scroll plugin "fnInitComplete":function(){ $('.dataTables_scrollBody')

Can we apply SlimScroll or PerfectScrollbar plugin to jQuery Datatable default vertical scroll

由 瘦欲@ 提交于 2019-12-23 05:27:28
问题 I am using Datatable ver 1.10, I enable the vertical scrolling. now datatable showing window default scroll style. Is it possible to change/implement some other scrollBar on datatable scrollbar? to make it more beautiful and fancy. I tried this solution at stackoverflow but it squeez the header. also I want header and footer fixed position. 回答1: here is my working code // when initialization is completed then apply scroll plugin "fnInitComplete":function(){ $('.dataTables_scrollBody')

How to modify row counts when displaying alphabetized search results

由 我是研究僧i 提交于 2019-12-21 07:55:03
问题 I am using DataTables to create a table that is able to dynamically filter context. I am following the basic example, here. However, I want to make one customisation: To display alphabetised results in my table, with a "title row" for each alphabet letter. Eg: A - Apple - Avocado B - Bear - Button C - Car I have done this successfully (using Django templating on the server side for the output), but the footer label Datatables shows by default is now incorrect, because it counts the title rows

How to modify row counts when displaying alphabetized search results

由 半腔热情 提交于 2019-12-21 07:53:30
问题 I am using DataTables to create a table that is able to dynamically filter context. I am following the basic example, here. However, I want to make one customisation: To display alphabetised results in my table, with a "title row" for each alphabet letter. Eg: A - Apple - Avocado B - Bear - Button C - Car I have done this successfully (using Django templating on the server side for the output), but the footer label Datatables shows by default is now incorrect, because it counts the title rows

Disable initial automatic ajax call - DataTable server side paging

由 百般思念 提交于 2019-12-20 09:59:43
问题 I have a dataTable initialized with server side paging and it is working fine. This table triggers ajax, pulls data and renders onto the table during initialization. However I need empty table initially and load table data on click of a button using load() or reload() like: myTable.api().ajax.reload(); Here is my table initialization: function initTestTable(){ myTable = $('#testTable').dataTable({ "processing": true, "serverSide": true, "ajax": { "url": "testTableData.html", "type": "GET", },

How to fix scrollX movement issue in jQuery DataTables on mobile devices?

由 南楼画角 提交于 2019-12-19 17:43:28
问题 I have used below code to simulate fixed header with vertical and horizontal scroll bars. See example on jsFiddle. $('#liveTable').dataTable({ 'bSort': false, 'destroy': true, 'aoColumns': [ { sWidth: "85px", bSearchable: false, bSortable: false }, { sWidth: "75px", bSearchable: false, bSortable: false }, { sWidth: "80px", bSearchable: false, bSortable: false }, { sWidth: "80px", bSearchable: false, bSortable: false }, { sWidth: "85px", bSearchable: false, bSortable: false }, { sWidth: "70px"

Desired page in pagination with DataTables

由 自古美人都是妖i 提交于 2019-12-19 04:14:56
问题 I am using jQuery DataTables plugin on my table. I am getting pagination with "Previous", "Next" and all page numbers. But my requirement is I need to have a textbox in which I can enter the number, which will take to the entered page number. Here is my jsFiddle: https://jsfiddle.net/8zp7vfme/2/ $(document).ready(function() { $('#example').dataTable({ "pagingType": "full_numbers" }); }); <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> </head> <link href="//cdn.datatables.net/1.10.7

DataTable responsive display certain columns

由 ∥☆過路亽．° 提交于 2019-12-18 04:52:50
问题 I am using DataTables along with responsive and facing issues while trying to display only certain columns. Table layout is like this: I need to display to only 'Column 1', 'Column3', 'Column 7', 'Column 8', 'Column 10' and hide others( these should be displayed by expand control at the end of each row ). JS: $( 'table' ).DataTable( { order: [ [ 0, "asc" ] ], responsive: { details: { type: 'column', target: 'tr' } }, columnDefs: [ { className: 'control', orderable: false, targets: -1 } ] } );
订阅 datatables-1.10