http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/various/drag-and-drop-rows-between-two-grids

Previously igrid 5.0.0 introduced sortable column headers and their contents being wrapped in spans with inner cell and link classes

<span class="k-cell-inner">
       <span class="k-link>......

now after upgrading to 11.2.0 it looks like ALL column headers get this additional element nesting even if they aren't sortable which is greatly affecting how column headers display since .k-link has a display: flex value.  As well as many other styles.

Before

After

There are also "link" like styles applied to any and every column even if it doesn't sort giving the false impression that a column header is clickable.

This can be seen from kendo's own stackblitz for the grid https://stackblitz.com/edit/angular-lyxxa7?file=src%2Fapp%2Fapp.component.ts where if you inspect the header elements you'll see they've been wrapped in the sortable span elements. If this is intentional to wrap all column headers in we'll just have to work around it but we're curious if applying the sortable styling to ALL column headers was done on purpose or a bug.

In the jQuery version of the Angular Grid, it was possible to add row templates to a grid which was useful because you could set attributes directly to the tr.

In my case, I have a scenario where I want to add a title attribute for tooltips for the whole row, not just individual cells. 

I can provide a function for rowClasses, which is great, but it would be nice if there was a similar function I could use to add other attributes as well directly to the tr.

At the moment my work around is to add the title to every column individually, but that's not ideal as it affects the positioning of the tooltip etc

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

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: