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.
It is difficult to move a column beyond the columns that are currently visible without using the horizontal scroll. So as column are listed in the drop down it would be good to be able to reorder here. Could also implement the auto scrolling of the horizantal scroll when moving column beyond the visible scroll. Both would be good.
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.
I am honestly quite surprised that this isn't possible... if anyone has a workaround to make this happen it would be much appreciated. All I want to do is make the grid headers go 'Vertically' and have each 'row' become a column.
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.
Hi , Can we have autocomplete feature in a Kendo GRID for angular so that when a user clicks on edit button to edit fields of a row ,the auto complete feature can be triggered on individual fields , also if this feature exists can some one please let me know about it . I couldn't find it in kendo grid documentation.
Currently, the auto resize of the the columns does not take the width of the grid into account. I don't think this is how most users would expect this to work. The autofit of the columns should be able to resize the columns so that they work as best they can within the grid's bounds. Now, when I autofit my columns, the first thing I have to do is resize the columns manually so I can see the whole row on the screen. Since I end up resizing the columns manually anyway, autofit ends up not really helping me much. Some toolkits I have used have a resize mode for a table which determines whether or not all columns are to always be visible or not. If all the columns are to always be visible, resizing one column needs to resize the others so that everything still fits. This "mode" could determine which algorithm autofit should use
It would be helpful to have the ability to set maximum row height for the cells in a column so that resizing the column cannot put he grid in an undesirable state, with one row taking up the entire grid. If a column has text in it with word wrapping enabled, when the column gets narrow, the wrapping makes the cell grow vertically as much as it needs to display everything. If the column is made very narrow, soon that row will be the only row in the grid. I don't think a user would ever want this to occur. If the maximum height could be specified, then it would be possible to prevent the grid from ever getting in this rather broken state. Ellipses, or some other indicator, should show when the content is truncated because the dimensions of the cell are too small to show the entire content.
In a Kendo grid, Angular/MVC/JS/Whatever; When using multi check filter. ---- Only show those values that are still useful to filter on!!! --- When filtering is done(one to many columns) - ONLY the remaining options should be seen when setting the NEXT filter (not all possible values in the database) of course distinct and sorted (the grid could have an option of doing it this way or the old way) example: let's say we have 5 numbers of categories, each category have 20 different details. when filtering is set on one category, then when filtering on details - only the 20 remaining details should be seen, not 100(5*20) and vice verse, if filtering one detail - only one category should be seen when filtering on category.
I would like to see more responsiveness in the grid. I believe what i understand to be known as stacking could be achieved by additions to the media operator on columns. Thus we could have media=".col-sm-12 col-md-6 col-lg-4 col-xl-3". The underlying code could then use media queries and where the column will not fit on the device without the ugly scroll bar it would wrap the columns in a kendo-grid-span-column directive giving a card-like effect on smaller devices. Of course this may need some columns to be hidden on smaller devices so we could also use the [hidden] directive like so: [hidden]="sm". The next thing you would have to think about would be what to do with column headers when a row is stacked and, again, we could use the [hidden]="sm".
Exporting grid and chart in single pdf. If we have grid and chart in seperate tab. With hidden content what if we have a pagination in grid and want complete grid and chart. https://stackblitz.com/edit/angular-8tdtwv-p6r75m?file=app/app.component.ts
We need to store column's show and hide state when apply from ColumnMenuChooser component.
for excelExport, there's only autoWidth option for all columns, not for some specific cells. Say I want to have a long description at the top of excel, but I don't want it to have autoWidth because it will make other cells in the same column have long trailing spaces. So we need a way to override the global autoWidth column setting.
how to debouce time on use GroupBindingDirective ?
An ordinary kendo-grid-column HTML tag can be styled like so: <kendo-grid-column title="Session" [headerStyle]="{'background-color': '#6a99c1','color': '#fff'}"> ... for example. But when I use the directive kendoGridDetailTemplate the left-most genereated header-column can not be styled as far as I have seen. It should be possible to somehow style this header-column also.
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.
We need feature like copy data from excel and paste it directly into the kendo grid for angular.
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.