Child Kendo grid headers

2 posts, 0 answers
  1. Nathan
    Nathan avatar
    1 posts
    Member since:
    Aug 2020

    Posted 21 Oct Link to this post

    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 kendoGridDetailTemplate let-dataItem>
          <reportDocumentGrid>CHILD GRID IS IN HERE</reportDocumentGrid>

    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!

  2. Svetlin
    Svetlin avatar
    444 posts

    Posted 23 Oct Link to this post

    Hi Nathan,

    Thank you for the provided details.

    If there isn't any custom CSS that adds the demonstrated style then I would suggest to make sure that you are using the latest Kendo Default theme version 4.25.0.

    Please check the following example from our documentation which uses the latest Kendo Default theme:

    where the reported style doesn't seem to be applied to the child grid.

    If the issue persists when using the latest theme, then the demonstrates style is most probably added by some custom CSS added to the project.

    I hope the provided information helps. Please let me know in case the issue persists. Thank you.

    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Back to Top