Please provide a feature allowing to set the "role" attribute to cells (TD elements) in a given Grid column.

Hello,

In the documentation it says that sticky columns are not available while using virtual columns. It is really important for us to virtualize columns, when there's a lot of them in the grid, but also being able to use a sticky column at the same time.

Can you please consider implementing sticky columns while virtual columns are also enabled?

Best regards,

Boris

 

 

On hiding are showing columns and you have a horizontal scrollbar, the grid is jumping to right end. Thats not desirable. I think the current position should be hold.

https://www.telerik.com/kendo-angular-ui/components/grid/examples/column-menu/set-column-position/?theme=default-ocean-blue&themeVersion=6.6.0

Currently the Grid checkbox column selection does not allow for selecting a range of rows via shift-click.

As this seems to be a behavior that users expect, based on a similar experience with popular applications like for example Outlook and Gmail, we can consider introducing this behavior in the Grid too.

For example:

When we click on a check box and Shift+click on another checkbox all the rows in between these rows should be checked. Ex: click on 2nd row and shift click on 8th row, all the rows in between 2nd and 8th should be selected.

 

Hi, the following steps to reproduce the problem:

• Run the code snippet taken from kendo angular demo column menu, edited only for reproduce the problem: https://stackblitz.com/edit/angular-ugdmvg?file=app/app.component.ts
• Perform a vertical scroll of the grid (according to the display resolution maybe is necessary resize the window).

As you can see, the three dots menu of the not ticky columns are not hidden when overlapped by sticky columns.

 

Best regards,

Alessandro

 

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

 

When resizing grid columns so the last column does not reach the right border of the grid (sum of columns width < current grid width), loading stored state (or changing column width property in any way) does not restore the columns width proportionaly to use the full width of the grid.

Note: in this case, the default columns width sum and stored state columns width sum are always inferior to the grid width in order to use proportionality and adapt to every screen size.

 

In our implementation, we made a "Reset columns view" (working exactly as the loading store data), but if the user play arround with the columns as described above), the reset is broken.

 

Reproduce steps:

Using the persisting state exemple available in the doc: https://stackblitz.com/edit/angular-3jdmzy?file=app%2Fapp.component.ts

- Click "Save current state"

- Resize grid columns so the last column does not reach the right border of the grid

- Click "Load saved state", the columns are resized proportionaly of the saved state but on the base of previous columns width sum instead of the full grid width.

Hello,

The list view component provides a loader template. This is easier to work with than the mechanisms provided for the grid component. For the sake of consistency of approach, I would like to request that a grid loader template directive be provided for the grid component, similar to the one available for the list view that is seen here: https://www.telerik.com/kendo-angular-ui/components/listview/api/LoaderTemplateDirective/

Please provide a built - in rows reordering functionality that isn't based on the public HTML drag and drop api. Also please allow to customize the content of the drag hint. Something similar to the drag and drop feature of the TreeView.

thank you

"~@progress\kendo-theme-default\scss\utils\_float.scss" contains classes that the grid relies on (k-floatwrap, k-grid-toolbar), but "~@progress\kendo-theme-default\scss\grid\_index.scss" does not import it.  This requires me to explicitly import "~@progress\kendo-theme-default\scss\utils\_float.scss" myself.

Hi,

It seems there is an issue with the material theme and nested grids.   When you have master-detail nested grids, the entire last nested grid gets applied with the same styling as the bottom rows of all the other nested grid. 

The styling in my browser is showing up as

 

Which causes the rows in the last grid to not appear.   

I have attached an image where I have changed the styling to 5px and red so you can see that it is being incorrectly styled.  You can see that even the other rows in in the last grid are getting styled along with the last row style.

I am running the latest version of Kendo.

Cheers,

Clint

When using the Grid control inside an Angular component which is shown in a dialog (via MatDialog), the component is not properly destroyed after closing the dialog. The same problem doesn't occur when the component instead contains, say, a TreeView.

The problem occurs in Angular 8 and 9, in the Chrome browser. I've created an Angular 8 demo here: https://stackblitz.com/edit/angular-thr9j1 and an Angular 9 demo here: https://stackblitz.com/edit/angular-ksfrqy

Run the demo, press the "Open dialog" button a number of times, then take a heap snapshot in the Chrome dev console (be sure to first select the proper Javascript VM instance, containing "angular-thr9j1" or "angular-ksfrqy"). The component shown in the dialog is called "MemoryLeakDialogComponent", so use that as a filter. You'll see that for every time you opened the dialog there's now an instance of the component on the heap.

The MemoryLeakDialogComponent contains just an empty kendo-grid tag with no attributes. If you edit its dialog template to instead contain a kendo-treeview component, everything is properly destroyed and garbage collected, which leads me to suspect a memory leak in the Grid component.

Hello team,

Could you please assist me with gaining understanding of implementation of the drag and drop Angular feature together with your grid?

I need to implement the following scenarios:

1. D'n'd between 2 Kendo grids in different components
2. D'n'd between Kendo grid and custom list in separate component
3. D'n'd in scope of the same Grid.

Lets say I have Angular of the 8th version and the latest version of Kendo Angular Grid.

It would be very cool if you can update your documentation with the corresponding page.
If that doesn't make sense from your perspective I would appreciate if you could provide me detailed instruction for all the above scenarios implementations.


Thank you in advance.

Can you please consider adding a built-in option for freezing Grid rows that will always stay below the headers area during scrolling?

Hello,

 

As I explained in this post, I would like to set max-width on certain columns of a grid to force them to not becoming bigger than a certain size if there is a remaining width in the parent container. However, I do need to distribute the remaining width across other columns if they don't have max-width.

 

For example in this project https://stackblitz.com/edit/max-width-request?embed=1&file=app/app.component.ts, I want the first column which shows the ID of products would never be bigger than 15. I'm advised to leave one of the columns without setting width, so that column will occupy the remaining width and as a result the width of columns with width will be respected as max-width. However, that is not good because in big screens you will end up with a very big column while other columns are still suffering from lack of space.

 

Thanks,

 

Mojtaba

When using KendoUI for Angular 2+, the filter value is still enabled and accepts input when "Is null" or "Is empty" is selected.

Since those selections do not require a parameter, I'd prefer the filter value to be default disabled.

 

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/

I'm seeking support here to lock kendo angular grid column separately. As I can see that, all locked columns are in a div and unlocked are in another div. Is there any possibility to lock some columns are in left and some are in right? Attaching my design requirement here for more info.

Would like the ability to programmatically expand or collapse all groups for all rows in the grid.  Without having the need to iterate across all rows.

I need to expand/collapse grid rows programmatically. I know about grid.expandRow/collapseRow, but there is no public methods which can get me know  is row expanded at this moment and collapse it. I need to manage in component array of expanded rowIndexes and every time to check is row expanded,then call method collapseRow, which again, under hood, using your private method this.detailsService.isExpanded(index), is doing this check. It's very inconvenient.  So, can you expose this methods or toggleRow() to allow us get rid of additional logic around? Or, possibly, you know other way to get this info directly from grid?