Search
9302 results 561-570
Examples
- Editor › Auto-completeuser a list of options that they can quickly
- Editor › Auto-complete - client-side custom labelsinformation in the autocomplete options list. This example is
- Editor › Auto-complete - Ajax searchwith Ajax search for options. The initial JSON that
- Editor › Date and time inputillustrate how the formatting options operate. The Updated date
- Editor › Parent child editingis a list of options that you select from.
- Editor › Nested editing - single selectioncase the list of options for the site is
- Editor › Column controlin the list of options for the field to
- Editor › Simple bubble editingall the fast editing options of inline editing (i.e.
- Editor › Editor bubble editing examplesall the fast editing options of inline editing (i.e.
- Editor › Dependent fieldsfield type">select list of options, the options for which
Forum
- 2nd Nov 2016button or A tag etc render by columnDefs options runs event twice.This is source below. $ scope.grid.dtC1. olumns = { 2. columnDefs: [ 3. { 4. "targets": 8, 5. "render": function ( data, type, row ) { 6. return 'test' 7. } 8. } 9. ], 10. 11. var i = 0;1. 11. $scope.test = function (){ 12. console.log(i); 13. i++; 14. } 15. click the a tag(test), event runs twice. so result is 0 and 1 I wanna show just 0. How do I?
- 14th Oct 2016no options showing in select fields using editorI followed the "Join tables - one-to-many join" example, however in my case the select/checkbox fields for "Main Venue"/"Satellite Venue" are not filled with any data. Please see my test case on: http://live.datatables.net/befelofe/1/ Link to debugger info: http://debug.datatables.net/uraker Thank you in advance for any help :smile:
- 22nd Apr 2016Refreshing the datatables, expending options on the fly and re-initialize using new optionsHello, I am a bit new in the whole dataTables schema . So i would like to ask the community for some help . http://live.datatables.net/kikiqejo/1/ What I am trying to do in this jsBin is reload the data of the datatable every time that a user focuses on the page and paint the background color depending on a row variable . The dataset I have is random so i have to iterate through it and then apply the css of the backround color. The problem is that even if I am using bDestroy I cannot create the table with the extended Settings . Any ideas how to solve that please ?
- 1st Mar 2016Get filter options based on previously selected filterI want to be able to get values for a 2nd filter, based on the rows returned from the 1st selected filter (not all rows prior to filtering). Can anybody help with this? Sorry I could not get the first part of code to indent: $.fn.dataTableExt.oApi.fnGetColumnData = function(oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty) { // check that we have a column id if (typeof iColumn == "undefined") return new Array(); // by default we only want unique data if (typeof bUnique == "undefined") bUnique = true; // by default we do want to only look at filtered data if (typeof bFiltered == "undefined") bFiltered = false; // by default we do not want to include empty values if (typeof bIgnoreEmpty == "undefined") bIgnoreEmpty = true; // list of rows which we're going to loop through var aiRows; // use only filtered rows if (bFiltered == true) aiRows = oSettings.aiDisplay; // use all rows else aiRows = oSettings.aiDisplayMaster; // all row numbers // set up data array var asResultData = new Array(); for (var i = 0, c = aiRows.length; i < c; i++) { iRow = aiRows[i]; var aData = this.fnGetData(iRow); var sValue = aData[iColumn]; if (sValue === undefined) continue; // ignore empty values? else if (bIgnoreEmpty == true && sValue.length == 0) continue; // ignore unique values? else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue; // else push the value onto the result data array else asResultData.push(sValue); } return asResultData; } function fnCreateSelect(aData) { var r = '<select><option value=""></option>', i, iLen = aData.length; for (i = 0; i < iLen; i++) { r += '<option value="' + aData[i] + '">' + aData[i] + '</option>'; } return r + '</select>'; } var oTable = $('#ActivityIndex').dataTable({ "sScrollY": calcDataTableHeight(), "iDisplayLength": 10, "bAutoWidth": true, "bPaginate": false, "bFilter": true, "aaSorting": [[6, 'desc'], [7, 'asc']], "aoColumns": [null, null, null, null, null, null, null, null, null, null, null, { "bSortable": false }, null], "bSortClasses": false }); $(window).resize(function() { var oSettings = oTable.fnSettings(); oSettings.oScroll.sY = calcDataTableHeight(); oTable.fnDraw(); }); $($("tfoot")[1]).find("th").each(function(i) { if ($(this).hasClass("filterable")) { //sorting but ignoring upper or lowercases this.innerHTML = fnCreateSelect(oTable.fnGetColumnData(i).sort(charOrdA)); $('select', this).change(function () { oTable.fnFilter(($(this).val() == "" ? "" : "^" + $(this).val() + "$"), i, true); }); } }); function charOrdA(a, b) { a = a.toLowerCase(); b = b.toLowerCase(); return (a > b) ? 1 : -1; return 0; }
- 9th Nov 2015Filtering Data Table Select Option's sortingHi!, I have a problem with sorting. It only sorts like all data is string. Could you help me? Is there any solution with this case?
- 24th Aug 2015Buttons - Print optionsIs there an option to print multiple tables with one print button?
- 5th Jul 2015Display Tabletools epxport options as drop down?Could you pleas someone help to resolve above issue with dropdown icon. I have done using collection but it doesnt have the dropdown icon.
- 7th Nov 2014Can i add my own button for export options instead of the flash button?I want to add a reset button in datatable. my button and default buttons are looking different. can i use my buttons instead of export flash buttons?
- 4th Jul 2014How to reset filter options to include newly added rowHi, I am having a datatable created like below $('#filterTable').dataTable({ "sDom": '<"top"l>rt<"bottom"ip><"clear">', "aoColumnDefs": [{"bSortable": false, "aTargets": [5]}] }).columnFilter({ aoColumns: [null, {type: "select"}, {type: "select"}, {type: "select"}, {type: "select"}, null], sPlaceHolder: "head:after" }); At loading time it has some data and select filter is displaying the record according to the current rows. I am adding new rows like "table.oApi._fnAddData(oSettings, json.data[i]);" Now i need the filter option to have the updated data according to new row also. Thanks.
- 9th Apr 2014Display OptionsIs it possible to display DataTables in such a way that only one column of information is shown. Then after a user selects a row additional columns of information from that row are displayed to the right in a new DIV? I'm looking for something similar to how Adobe SPRY HTML DataSets worked but with jQuery. I've tried looking in the examples and plug-ins but haven't found anything. The closest I came across was the DataTables Hidden Row Details example but I want the informtion to display to the right and now below the row that was expanded. Thanks in advance for any assistance or links to examples that I'm looking for. Dan