In Version 74.0.3729.108 (official Build) (64-Bit) of chrome, a defined grid with no predefined style property does not scroll properly.
There is a live-demo on Stackblitz at https://stackblitz.com/edit/angular-b38r7s-jzsgty
This is a fork of the demo example from the kendo-angular-ui documentation available at
https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/#
In the example, the scrollable grid was defined with a height property. This does not feet to our requirements, as we need a grid component that should flex according to the outside or parent container.
This problem occured after the update of chrome browser from 73.0.XXX to the version 74.0.3729.108
The problem is fixed when we defined a grid with a height property like [style.height.%] = “100” but according to the documentation the grid should flex automatically without this property.
Use IE11:
1. Try to use the grids column menu for filtering
2. Click the column icon => popdown menu opens
3. Click the filter oder column icon inside the menu => nothing happens
I can't even open up your docs using IE11, it just loads forever:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/menu/
Hi Dimiter,
I have experience creating column groups at the top of a kendo grid, but I would now like to do something similar with row groups. I have attached a screenshot of an example of what I would like to accomplish. Is this possible with Kendo Grid?
Hello Team,
When in Kendo-Grid for Angular there more columns then that fits in the page, we get a horizontal scroll.
If i apply reordering of columns and try to move one to any direction.
1. If the columns need to be moved on same visible section, it does moves perfectly.
2. but if i want to move something beyond the visible section, i can't as the scrolling does not work automatically, either i need to use Keyboard to move scroll bar which in case users needs to be trained or is not user friendly or i need to it in parts.
Please help us to include feature to auto scroll when we move columns
Thanks
Please add support to change order of filter/clear buttons in Grid Filter Menu Component (so instead of "Clear-Filter" button order we can use "Filter-Clear" button order).
Kendo Angular PDF is currently has good functionality to export/download as PDF. My Idea is that , if Kendo can extend its PDF export functionality with print also. Problem - Currently using kendo PDF download, the GRID or any HTML component looks good to the users. But the same Grid if the user want to print , then the developers has to use some third party scripts to generate the print object and do the print. still its not appears as good as it appears in PDF. so the end users are complaining why the PDF export and the print is different in look and feel. Here are the steps to overcome. 1. should have a print PDF functionality which opens the PDF into new window. 2. the user has the option to download or print the pdf using PDF in-built options. 3. Kendo to provide fix to open in new window for all browsers ( IE, chrome, firefox etc) 4. Kendo print should not send the request to underline printer or any other hardware device.
Add the RowTemplate feature of JQuery Grid to Angular Grid. https://demos.telerik.com/kendo-ui/grid/rowtemplate In particular we are looking to be able to define 2 rows of data per row. The second has cells that span multiple columns so we are unable to achieve what we want with a Cell Template ( https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates/ ).
Scroll position is lost when navigating between routes. A way to set scroll position on the grid would be nice for navigating to a previous route.
When grouping one column on a large table, all rows (groups) are expanded by default which consumes CPU/memory. Render time grows. Please add bool property defaultCollapsed. In this case grid would not expand all rows(groups) by default. Current work around is to call collapseGroup, but performance would be a lot better if rows could be collapsed by default.
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.
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.
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.