Search

Link to test case: Debugger code (debug.datatables.net): Error messages shown: Description of problem:

I need to use saved pages of website for future reference but my saved page has duplicate search,paging how can I avoid getting like that please help me with this

I need a table that shows results based on a picked up Date. How to add such components in this area?

hi, has any one done user research around column filters pattern? https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html i just want to check how much comfortable people are using this.

I am beginner to datatables and jQuery. I want to show the filter select list on click of respective header and keep hidden otherwise. I tried the below code, but it doesnt seem to be working. Also I wanted to change the list contents dynamically of other dropdowns when one is selected. For example, in web page on selecting Airi Satau, I can see all the position in dropdown instead of only Accountant. Please help. Thanks! initComplete: function () { var api = this.api(); api.$('th').on('click', 'th', function () { e.preventDefault(); debugger; api.columns([0, 1]).every(function () { var column = this; var select = $('All') .prependTo($(column.header())) .on('change click', function (e) { e.stopPropagation(); var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); debugger; column.data().unique().sort().each(function (d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); })},

Dear How to change the size of the input box in the datatables, and the footer where it's written for example : Showing 1 to 57 of 57 entries

Hi, When I use translation the customization on both fiedls stop working. Can someone help me? This is my code: $(document).ready(function () { $.ajax({ url: "Default.aspx/generateData", type: "POST", dataType: "json", contentType: "application/json; charset=utf-8", success: function (retorno) { $('#myTable').DataTable({ data: JSON.parse(retorno.d), dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" + "<'row'<'col-sm-12'tr>>" + "<'row'<'col-sm-5'i><'col-sm-7'p>>", language: { url: 'https://cdn.datatables.net/plug-ins/1.10.16/i18n/Portuguese-Brasil.json' }, createdRow: function (row, data, dataIndex) { if ((data['dtencerramentoalerta'] == null) || (data['dtencerramentoalerta'] == '')) { $(row).addClass("danger"); } else { $(row).addClass("warning"); } }, order: [[ 2, "desc" ]], columnDefs: [ { className: "text-center", "targets": [0, 1, 2, 3, 4] }, { orderable: false, "targets": [4] } ], columns: [ { 'data': 'column1' }, { 'data': 'column2' }, { 'data': 'column3' }, { 'data': 'column4' }, { 'data': null, 'fnCreatedCell': function (nTd, sData, oData, iRow, iCol) { $(nTd).html("<a href=test.aspx?data=" + oData.column5+ "><i class=\"fa fa-area-chart fa-fw\"></i></a>"); }, 'bSearchable': false } ] }); }, complete: function () { $('div.dataTables_filter input').addClass("form-control"); $('div.dataTables_filter input').addClass("input-sm"); $('div.dataTables_length select').addClass("form-control"); $('div.dataTables_length select').addClass("input-sm"); } }); }); If I remove the following lines the css classess are applied successfully: language: { url: 'https://cdn.datatables.net/plug-ins/1.10.16/i18n/Portuguese-Brasil.json' }, Cheers

I would like to highlight the wording already in the searchbox when i click in the box. This would remove the neccessity for the user to click in the box and remove the wording, they can simply start typing.

https://datatables.net/examples/api/tabs_and_scrolling.html in this example Table2 is a default searched value on seacrh box, but I wanna make a clickable value and when I click it It should show the value like the Table2 in the datatable example?.

I get the data from multiple tables, and I need the searcher to filter the data if it appears in any column Please download the code and tell me what I do wrong https://drive.google.com/file/d/0B6Io7u_4OHBTUm9JcHFBemtWX1k/view