We have a parent and child grid setup within our app.  Everything works fine except that the headers in the child grid are somehow inheriting CSS that underline the headers.

Here is the code in the parent:

    <kendo-grid-column field="ReportID">
      <ng-template kendoGridCellTemplate let-dataItem>
        <div class="k-icon k-i-plus-circle" style="color: limegreen; cursor:pointer;" title="Add" (click)="addToFavorite(dataItem.ReportAssociationID)"></div>
      </ng-template>
    </kendo-grid-column>
    <ng-template kendoGridDetailTemplate let-dataItem>
      <reportDocumentGrid>CHILD GRID IS IN HERE</reportDocumentGrid>
    </ng-template>

For some reason the headers in the child grid are getting the following style applied:

.k-grid tbody tr td:not(.k-hierarchy-cell) a {
text-decoration: underline;
}

Really stuck here, thanks in advance!

The editor is not showing all of the html content when assigned as value to it. The same html when opened in browser shows all content.


Here is the stackblitz link where it can be replicated 

https://stackblitz.com/edit/angular-odcrkl?file=app/app.component.ts

     i think that the grid component , and the tree grid, or treeview, or other components that have arrays of data, should have a FormArray property to be as transparent as possible in the reactive form scenario.

There is a blog post about this, but there is too much code to implement it , and it should be easier

We have a requirement to group by date then by resources in the terlerik scheduler in the week view.

We know this functionaility exists in the ASP.NET AJAX version, our question is whether it is possible to replicate the same behavior in the angular version?

Please find attached image as a reference

Here is the context:

We are using the Grid expandRow() and collapseRow() methods for expanding/collapsing a master Grid row programmatically.

We are also using paging and grouping functionalities of the Grid.

And we are currently implementing the feature where the user can just select/focus the record and that record will automatically expanded.

The user is also able to navigate/focus the record by using the up and down arrow keys.

Here are the features that we need to add on top of the above features:

If the user is on the last record of the page and the user presses the down arrow key:

1. The grid will automatically go to the next page (if there is). - Already implemented

2. And expand the first row of that page. - Not yet implemented 

If the user is on the first record of the page and the user presses the up arrow key:

3. The grid will automatically go to the previous page (if there is). - Already implemented

4. And expand the last row of that page. - Not yet implemented

I'm currently using the focusCell(rowIndex, cellIndex) method to programmatically get the instance of NavigationCell.

According to your documentation the rowIndex is based on the logical structure of the Grid and does not correspond to the data item index.

Can someone help us to properly get the rowIndex of the first and last row of the page specially if the grid is grouped by multiple columns?

Thanks in advance.

I have a treeview where some parent nodes are disabled on certain criteria, however, the children are enabled, but I can't expand disabled parents.

Example https://stackblitz.com/edit/angular-gxqjsq

Is that scenario supportable or is there any workaround to achieve it?

Hi team,

My company purchased two licenses for KendoUI angular and I am one of the senior software engineers. My question is how should I apply license for KendoUI angular version because I am using KendoUI component by installing packages from NPM which is publicly accessible for everyone. Is there any special build or something we missed? How do you guys validate licensing for KendoUI angular version? 

Looking forward to your reply. 

Thank you
Hadi