There is an option to freeze the left most column of the Kendo Grid by setting the lockable property. But this is limited to the Left Hand Side columns only and there are no ways suggested to freeze the Right Most columns.
Deleting last remaining row on kendo grid on the last page does not go to the previous page. When using client side filtering, deleting the last remaining record should change the current page of grid to previous page.
I want to use multi-checkbox filtering with complex datasource. However, the name of the field on which the filtering needs to be applied is not the same as the column field. Thus, in order to avoid custom implementation I would like to have an option to set which is the field that should be used for the filtering.
For example, in the Dojo linked here, I would like to filter the country column, but the filter field in the filterable datasource is 'id'.
Hi Team,
I would like to request a way to control what is included in the ColumnMenu. For example, a way to remove 'Group/Ungroup' and 'set column position'.
Thank you!
Hi Team,
I would like to request the functionality for the Kendo UI Grid with row filter mode to include composite filtering.
Thank you!
Hi Team,
I would like to ask for a configuration to be added to the Kendo UI Grid which would allow for the ScrollBar thickness to be modified.
Thank you!
Hi Team,
I would like to request a row under the column titles which would hold aggregates similar to a footerTemplate.
Thank you!
It would be nice to be able to configure the grid in a way that when I collapse a group, the lines it was occupying are then filled up by the results from the following pages. Kendo Grid currently only minimizes the results of the current page. It ignores the pageSize config we have set, not bringing more items to occupy the number of lines we have configured. Here are some screenshots I took from the DevExpress grid. There you can see that the column year is grouped and initially the years 90 and 91 are expanded. When I collapse the year 90, the results from the year 91 fill up the space the other group was not using anymore. http://imgur.com/a/IV4CT
Hi Team,
I would like to request to disable the AutoComplete functionality for string columns when the Filterable mode is set to row or menu, row. This would help prevent extra Read calls for the string filters.
Thank you!
This functionality is showcased in the following KB article:
https://docs.telerik.com/kendo-ui/knowledge-base/grid-filter-multi-checkboxes-external-datasource
I'd like to request it as a built-in feature in the Grid.
Hi Team,
I would like to request a way to utilize multiple edit modes for the Kendo UI Grid. For example, configure updating the Grid with inline editing, but when creating a record, use popup editing.
Thank you!
Currently, when the draggable column is also set to locked the rows cannot be reordered. - Dojo - https://dojo.telerik.com/@NeliKondova/ErOlEgUP
I would like to be able to reorder the rows in the Grid when the draggable columns to locked.
<div data-role="grid" data-editable="true" data-toolbar="['create', 'save']" data-columns="columns" data-bind="source: products}"></div> var viewModel = kendo.observable({ products: ... columns:[ {field:"id", width:50}, {field: "name", width:200} ...etc ] });
The above behavior has been requested several times in the following forum thread.
https://www.telerik.com/forums/grid-column-locking-with-detail-template
I would like for this limitation to be revised or for some other solution to be provided.
Hi Team,
I would like to request the ability to change the filter of a Kendo UI Grid column when the user chooses a new operator. Please take a look at this forum post for reference.
Thank you!
Hi
again this request is not urgent as I implemented this myself.
I'd like to have 'nextRecord' 'previousRecord' functionality in the grid widget.
We have a next/previous record button on our forms and as floating buttons to navigate the records.
As soon as we navigate to the next/previous record, the form loads the data of the concerning record.
My current implementation is as follows:
/** * * Grid with navigation code included * * selectRowByIndex: 0 based row selection by index of currently shown rows * * @author Alex Bernhard <alex.bernhard@uzh.ch> * @version 1.2.0 */ (function ($) { var kendo = window.kendo, ui = kendo.ui, Grid = ui.Grid, self = this; var NavigatableGrid = Grid.extend({ init: function (element, options) { // assign that to this var self = this; this.selectedIndex = 0; this.updateAfterLoad = false; // call the base function to create the widget Grid.fn.init.call(this, element, options); if (typeof options['updateMethod'] == 'function') { this.updateMethod = options['updateMethod']; } self.bindEvents(); }, options: { name: "NavigatableGrid", }, bindEvents: function () { this.bind("change", function () { this.setSelectedIndex(); }); this.bind("dataBound", function () { this.selectRowByIndex(this.selectedIndex); // after selecting the next row, shall update be called here? // happens only when navigating to a new page // or after search results are present if (this.updateAfterLoad) { this.updateAfterLoad = false; let selectedItem = this.dataItem(this.select()); if(selectedItem != null && selectedItem.hasOwnProperty('id')){ this.updateMethod(selectedItem.id); } } return false; }); }, updateMethod: function () { }, setSelectedIndex: function () { let dataRows = this.items(); this.selectedIndex = dataRows.index(this.select()); return this.selectedIndex; }, selectRowByIndex: function (index) { // zero based index this.clearSelection(); this.select('tr:eq(' + index + ')'); }, selectRowById: function (id) { this.clearSelection(); let view = this.dataSource.view(); let _self = this; let rows = $.grep(view, function (item) { return item.id == id; }).map(function (item) { return _self.tbody.find("[data-uid=" + item.uid + "]"); }); if (Array.isArray(rows) && typeof rows[0] !== 'undefined') { this.select(rows[0]); } }, previousRow: function () { // get current number of rows let pageSize = this.dataSource.pageSize(); let currentPage = this.dataSource.page(); // already first row of current page ? if (this.selectedIndex == 0) { let previousPage = currentPage - 1; // not the first page yet - load the previous page and read the data // after load if (previousPage > 0) { this.selectedIndex = pageSize - 1; // last row of previous page this.updateAfterLoad = true; this.dataSource.page(previousPage); } } else { // set next row index (0 based !!) this.selectedIndex = Math.max(this.selectedIndex - 1, 0); this.selectRowByIndex(this.selectedIndex); this.updateAfterLoad = false; let selectedItem = this.dataItem(this.select()); if(selectedItem != null && selectedItem.hasOwnProperty('id')){ this.updateMethod(selectedItem.id); } } }, nextRow: function () { // get current number of rows let numRows = this.items().length; let pageSize = this.dataSource.pageSize(); let numPages = this.dataSource.totalPages(); let currentPage = this.dataSource.page(); // already last row of current page ? if (this.selectedIndex == numRows -1) { let nextPage = currentPage + 1; // not the last page yet - load the next page and read the data // after load if (nextPage <= numPages) { this.dataSource.page(nextPage); this.selectedIndex = 0; this.updateAfterLoad = true; } } else { // set next row index (zero based !!) this.selectedIndex = Math.min(this.selectedIndex + 1, pageSize-1); this.selectRowByIndex(this.selectedIndex); let selectedItem = this.dataItem(this.select()); if(selectedItem != null && selectedItem.hasOwnProperty('id')){ this.updateMethod(selectedItem.id); } } } }); kendo.ui.plugin(NavigatableGrid); })(jQuery);
And an example usage is like:
accessionGrid = $("#accession-grid").kendoNavigatableGrid({ .... standard code for kendo grid // call method in form when navigating updateMethod: function(data){accessionForm.update(data)}, ..... }); // code for grid navigation function nextAccessionGridRow(){ accessionGrid.nextRow(); } function previousAccessionGridRow(){ accessionGrid.previousRow(); }
Hi Team,
I would like to request a way to add a button into the Kendo UI Grid's pager using the built-in API. Maybe adding a Pager Template might help.
Thank you!
Hi Team,
I would like to request a better way to be able to refresh the filters when the Kendo UI Grid refreshes. I will elaborate more in an additional comment.
Thanks!
Hi Team,
I would like to ask to add the Kendo UI Toolbar's overflow functionality to the built-in Kendo UI Grid's buttons.
Thank you!