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>
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.
Currently it appears to be impossible to do something as simple as change the background color of a grid row based on data inside it. For instance, I have rows of data that could be "rejected" or not. I want to change the grid row background color for "rejected" rows.
Currently in the Grid, the GroupHeaderTemplate can create just one cell. I'd prefer to have option to have columns in the group header like it is implemented in the jQuery Grid. Check it here https://demos.telerik.com/kendo-ui/grid/aggregates This option will be handy for displaying aggregates in a group header.
The first row of the grid should be selected as default, in case some data on the screen depends upon the selection in the grid without the need for the user to select one to show information.
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.
We need feature like copy data from excel and paste it directly into the kendo grid for angular.
When a Grid cell is focused, and after this, the data is filtered so that the data contains fewer items than the index of the row the last focused cell was in, the Grid table area does not receive focus when tabbed into.
Please check the example:
https://stackblitz.com/edit/angular-xqswy5-zqeqkb?file=app/app.component.ts
Presently, when I place a bootstrap drop-down inside a cell the drop down is cropped when open (it is hidden behind the rows below). Can you please endeavor to eradicate this issue within your components so that we don't have to jump through lots of "css hoops" or worse "write jquery to do it" in order to get the desired result. Your components should be fully compatible with bootstrap (since you have a BS theme and lets face it, its pretty well industry standard these days) Many of our "grids" require an Action column which in some cases has more buttons than we would like to put "side-by-side" and so the best option is to add a drop-down action button to hold the action commands. At present there is no equivalent Kendo component that will do this for us either. Your grid cells should really cater for this as other users may want a custom column with "drop down" content too.
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.
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.
When assigning data to a grid dynamically (ie: not specific columns to a grid) the Grid Columns should autosize to the width of the headers. Currently the only workaround is to use grid.AutoFitColumns() and wrap it in a timeout function. This causes erratic jumps in grid rendering and looks unprofessional.
Users should have the option to set gridColumnAutosize = true in the grid component. Then if users dynamically assign the grid data source without explicitly assigning columns then the grid columns will autosize to the width of the column header name.
Here is an example of the grid trying to squeeze in all data into the visible area. When it should autosize and create a scrollbar for anything that cannot fit on the page.
https://stackblitz.com/edit/angular-9jogrg?file=app%2Fcustomers.ts
Specifies a date/time grouping option, which determines time periods to be used as grouping values in group for Date column value.. Ex : By Date => The time portion of the values is ignored. By Month, By Year Relative to today etc
It's possible to assign class/styles to column groups, column heads, and cells, but not to the filter cells.
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.
how to debouce time on use GroupBindingDirective ?
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.
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".