when expanding a group, inside the expand event (function) we do have access to the groupIndex. but groupIndex is not available inside the groupHeader(Footer)Template itself. we need that groupIndex, so we can get the parent items (groups) to the group that is expanded.
Currently the pager is always at the bottom of the grid. I would love to see an option to place the pager at the top and/or bottom. Without adding custom code every time I need this.
When using virtual scrolling and grouping features (currently achieved with kendoGridGroupBinding directive), the ability to control the expanded state of the groups is disabled due to limitation.
The available methods are helpfull when you want to control the state of the groups at runtime, but are not compatible with virtual scrolling since the records are loaded on demand.
It would be nice if we had the ability to collapse and expand all groups of the Grid programatically when using virtual scrolling.
We need to store column's show and hide state when apply from ColumnMenuChooser component.
I opened this question https://stackoverflow.com/questions/51331725/kendo-grid-for-angular-2-reactive-formarray Would be nice to make grid reactive more transparent, or make a complete example to use it.
Introduce support for Loading / Error templates for components. eg.: <kendo-grid [success]="boolean" [loading]="boolean> <div kendo-error-template> We Cannot load your data </div> <div kendo-loading-template> <!== some kind of spinner, or just text> </div> </kendo-grid>
I find myself reusing similar/identical code in order to implement filtering, sorting and virtual paging. In almost all cases, I am simply applying the filters, sort and determining the records to select based on the page as shown in the API. This code should be inbuilt into the kendo grid. If filterable is true, kendo should implement the filter change event and apply filters automatically; the users should not be forced to define what happens on filter change for every grid instance. Similarly, if sortable is true, the kendo grid should automatically implement default sort functionality. The same would also be useful for virutal scrolling. If scrollable is set to 'virtual', then the view to be shown in the grid should be automatically calculated on page change.
If the value "-1" is passed in as one of the values in pageSizes input for the PagerPageSizesComponent, that option should be shown as "All" and should show all rows available for the grid.
Currently the grid uses indexes to memorize which data row is expanded. When a new row is inserted (due to a new data item inserted in the underlying collection) before a currently expanded details row, then then expanded details view will shift to the row before (old index). This is not desirable in a scenario with a lot of adding/removing of items. It would be great if memorizing expanded details row could be bound to the data object.
I would like to know Do you have any plan to release context menu feature for kendo grid
Drag and Drop of grid's columns the same way we have on the jquery version (with a Input on the component saying if we want columns to be draggable)
Need to have Parent --> Child hierarchical records to be displayed in Grid.. It should support up to 'n' level , it means a parent can have any number of child records. can this be done using current Master Detail grids?. Parent 1 --- Child 1 -- Grand Child 1 -- Grand Child 1 -- Grand Child 2 Thanks in advance.
disable grouping on a column
i am using Telerik Angular Editing Grid for list editing of data.one of our main requirements is to copy a cell value and multiselect cells to paste data. this requires Angular grid to provide out of the box multi cell selection mode so that upon action respective cell values get updated
Currently, the fieldname is used as "clue" when dragging a column header from the grid. However, this name is rarely appropriate (for instance, it could the name of the correpsonding property in the DTO between back-end/front-end, or it could be a normalized English name while the user is browsing in French, etc.). We would prefer to have either a configurable text, or else use the text currently specified as "title" for the column.
How can we show the loader image on calling any web api or service call. As of now grid by default shows no record available.
Please think about an implementation of toolbar template for grid, similar to the jQuery version. Can we expect something like this in the near future?
The edit row need to be stayed in the top position while scrolling down the grid. Or else, the use would need to scroll up and down each time when adding a new record.
At current, if one wants to, (for example), highlight the entirety of a row, the natural choice would be to associate a background color with that row. However, currently, this is not possible. The closest we can come is to conditionally associate a given color with a div that happens to live in that cell, e.g.: <kendo-grid [data]="gridData" [height]="410"> <kendo-grid-column field="ProductID" title="ID" width="40"> </kendo-grid-column> <kendo-grid-column field="ProductName" title="Name" width="250"> </kendo-grid-column> <kendo-grid-column field="Category.CategoryName" title="Category"> </kendo-grid-column> <kendo-grid-column field="UnitPrice" title="Price" width="80"> <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex"> <div [class.myClass2]="dataItem.UnitPrice >= 20">{{dataItem.UnitPrice}}</div> </ng-template> </kendo-grid-column> <kendo-grid-column field="UnitsInStock" title="In stock" width="80"> </kendo-grid-column> <kendo-grid-column field="Discontinued" title="Discontinued" width="120"> <ng-template kendoGridCellTemplate let-dataItem> <input type="checkbox" [checked]="dataItem.Discontinued" disabled/> </ng-template> </kendo-grid-column> </kendo-grid> (where the class.myClass2 is defined as follows): styles: [` .k-grid td { position: relative; } .myClass2 { background-color: rgba(255, 0, 0, 0.5); color: white; padding: 8px 12px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; } `] But this doesn't reliably highlight a predictable amount of the cell, especially across browsers. Thanks for your consideration, Jeff
We need to be able to overrride "compare" method in kendo-data-query sort-array.operator. We are using your processData for client side sorting but need to change the "compare" method since we have decimal values already formatted in our objects. Since they are formatted they are technically strings and sorted as such. Currently we had to rip out your processData and call our custom version with a compare method like so: const compare = (a, b) => { if (isBlank(a)) { return a === b ? 0 : -1; } if (isBlank(b)) { return 1; } let a1 = a; if (isNumber(a)) { a1 = toNumber(a); } else if (isDate(a)) { a1 = ensureDate(a); } let b1 = b; if (isNumber(b)) { b1 = toNumber(b); } else if (isDate(b)) { b1 = ensureDate(b); } if (a1.localeCompare) { return a1.localeCompare(b1); } return a1 > b1 ? 1 : (a1 < b1 ? -1 : 0); };