Search
14013 results 3181-3190
Forum
- 7th Dec 2021I'm sure this question has been asked but I can't find the language to search for the answer.Link to test case: Debugger code (debug.datatables.net): Error messages shown: Description of problem:
- 21st Jan 2020Duplication of datatable search and paging with the saved page of my websiteI 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
- 24th Sep 2019Can I add a date Picker in the Data Table search area?I need a table that shows results based on a picked up Date. How to add such components in this area?
- 27th Aug 2019Any user search done for Column filtering?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.
- 1st Jul 2019Show individual column search (select:input) list on click of respective headerI 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>') }); }); })},
- 8th Feb 2018Change Font size inside the search inputDear 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
- 21st Oct 2017Cannot customize Search Box and Filter Box with css class when translatingHi, 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
- 19th Jun 2017Search Box select inputI 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.
- 13th Jun 2017How to search a value in the same page with clickable columns?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?.
- 28th Apr 2017I need the search engine to work and filter the dataI 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