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?

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

https://stackblitz.com/edit/angular-4bbepg?file=src%2Fapp%2Fapp.component.ts

The sort indicator (down arrow) remains after removing the sort (setting the [sort] input to undefined)

Thanks,

-Adam

Highlight the text in the Grid with the filtered text. For example:

Hello

I have a grid cell with filter set to menu. So the popup appears with the list of default operators that are needed to be included in the popup.

Something like below:

<ng-template
  kendoGridFilterMenuTemplate
  ...
>
  <kendo-grid-numeric-filter-menu
   ...
  >
    <kendo-filter-eq-operator> </kendo-filter-eq-operator>
    <kendo-filter-neq-operator> </kendo-filter-neq-operator>
    <kendo-filter-gte-operator> </kendo-filter-gte-operator>
    <kendo-filter-lte-operator> </kendo-filter-lte-operator>
    <kendo-filter-isnull-operator> </kendo-filter-isnull-operator>
    <kendo-filter-isnotnull-operator> </kendo-filter-isnotnull-operator>
  </kendo-grid-numeric-filter-menu>

</ng-template>
 
What i am trying to achieve is to add another operator like 'In' that can accept comma separated values. Something like:
 <kendo-filter-in-operator> </kendo-filter-in-operator>
I have looked at the doc (https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row/#toc-custom-filter-row-components/)
But i dont see a custom filter operator example. 
Could you please let me know if its possible to do that or is there anyway i can achieve this.
 
Thanks
SM

Hi Team,

I would like to request a new event for the Kendo UI Grid which will determine when the Grid has been resized in height.  Right now, I have created a custom directive which uses the changeNotification property to handle when the scrollbar is shown.  But it would be nice if there was something built in.

Thanks!

Hey Kendo Team,

you already have a solution in jQuery for my problem (https://docs.telerik.com/kendo-ui/knowledge-base/grid-group-remove-footer-header-one-record).

Unfortunately this solution did not work in Angular.

Desirable solution would be a flag in GroupHeaderTemplate which removes header if group size is one.

Another solution could be; allow a class field in GroupHeaderTemplate, so that we can set display to none if group size is one.

Best regards,

Matthias

Now I can configure possible filter operators and default operator on column basis. Doing so I have much copy-pasted code for each grid column.

I want to have a grid level option to configure this on "type" basis with a reusable js object (e.g. public constant shared across components):

<kendo-grid [filterOptions]="GridFilterOptions" ...

Where GridFilterOptions:

public const GridFilterOptions: ... = [
{ type: "string", default: "contains", operators: ["contains", "doesnotcontain"]},
{ type: "number", default: "eq", operators: ["eq", "neq"]}
];

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

Current behavior
The grid component already has the functionality to resize and reorder columns by the user, but is missing functionality for saving an restoring columns configuration, so that changes done by the user are lost after a page change.

There is the Persist the State article in the "How to section" in the documentation, but the described solution is only applicable when adding grid columns by using *ngFor. When defining columns in the markup, due to extensive usage of templates (kendoGridColumnMenuTemplate, kendoGridFilterMenuTemplate, kendoGridCellTemplate, ..), there is no reasonable solution available.

Expected behavior
Provide methods, similar to the jQuery grid, to save and restore columns configuration. This should at least include the column's order, width and sort.

PS: This is not a duplicate of the feature request Add persistent state for grid (and other components). The latter one has been marked as "Completed" but does not include the needed functionality.

As there are browser-specific limitations to the maximum reliable height/width an HTML element can have (https://stackoverflow.com/questions/34931732/height-limitations-for-browser-vertical-scroll-bar), the virtual scrolling functionality of the Grid is affected (different issues appear depending on the browser).

It would be a nice enhancement to provide a way the virtual scrolling to work regardless of the total number of items in a given use case.

A possible solution is to keep track of a virtual window from 1 to 1,000,000 if the number of source records is greater than 1 million. On a scroll event, the scroll position can then be adjusted to reflect the position within the actual data set. For example, if the scroll position is 300,000 (within the max of 1,000,000) and the source data contains 50,000,000 records, the actual record index to start displaying data is 300000 / 1000000 * 50000000 = 15000000.

Workaround:

Add wildcard filtering in the Kendo UI Grid.

Examples of wildcard characters

I have a groupable kendo grid. I'm utilizing the kendoGridGroupHeaderColumnTemplate directive.

I see that <kendo-grid-column> takes headerClass and headerStyle, but neither applies styles to the grouped header.

Please provide a groupedHeaderClass and groupHeaderStyle properties so that I can style the cell rendered by kendoGridGroupHeaderColumnTemplate.

Thanks,

-Adam

Add icons for grid filter operators to easily understand current operator (DevExpress example):

https://gyazo.com/3806906633b2c1ca66f6cacc2b32ba88