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".
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.
Export to pdf...long strings..arrays to multiple page headers ..top can't be static..
Kendo uses the field name with a colon followed by the group's value, for example with field 'type' I get 'type: Document', 'type: Event', etc. I would like the ability to remove the 'type: ' part, or rename it, perhaps via a GroupDescriptor property, i.e. 'fieldDisplayText'.
Refresh button like the one in the jQuery version http://demos.telerik.com/kendo-ui/grid/index Example: <ng-template kendoPagerTemplate> <kendo-pager-refresh-button (onRefresh)="refreshGrid()"></kendo-pager-refresh-button> </ng-template>
When editing a row focus on the clicked column/cell directly instead of always focus on the first column. When the grid has many columns this gives unwanted user experience because of the automatic horizontal scrolling. With the new cellClick event the clicked column index is already available.
When having multiselect in kendo grid and clicking on a row you now deselect all the other choices unless you hold shift or control. It would be nice to have a parameter to either have "advanced" or "simple" select, so you have the option to click a row to select/deselect it only affects the clicked row and not the whole table.
When mouse hover over a specific row, a tooltip to show more information should be shown
The grid needs a ton of work. It just looks bad, the API is poor (having to do weird css selects just to find a selected row for example).
When user empty the filter field relative filter state must be spliced and not -> fieldfilter filtteraction emptystring and relative clear button disappear. If someone want to filter based emptystring there is specific action (isempty or notisempty) so no need to send to remote server a request with a value empty and make user confused about filters in action.
Grid should allow multiple rows to add dynamically