This is a migrated thread and some comments may be shown as answers.

Hiding Hierarchy cell

1 Answer 287 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Silpa
Top achievements
Rank 1
Silpa asked on 05 Nov 2018, 12:18 PM

 var kGrid = jGrid.kendoGrid({
            dataSource: {
                transport: {
                    read: {
                        url: Main.rootUrl(""),
                        dataType: "json"
                    }
                }
            },
            scrollable: false,
            columns: [
                            { field: "Field1", template: template1 },

 { field: "Field2", template: template2 },

{ field: "Field3", template: template3 },

            ],
            dataBound: function (e) {
              /* code */
            }
        }).getKendoGrid();

 

 

Inside a 'tr' of 'k-detail-row' this code is rendering table with empty 'td' of 'k-hierarchy-cell' class and 'td' of  'k-detail-cell' with above grid. How can I remove the 'td' element with k-hierarchy-cell class which is empty. 

1 Answer, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 06 Nov 2018, 11:59 AM
Hi Silpa,

In order to remove the cell when opening a detail Grid you can take advantage of the detailExpand event. Using jQuery remove the k-hierarchy-cell element and also adjust the colspan for the k-detail-cell in order for the detail Grid to be displayed correctly. The dojo below outlines the approach:




Regards,
Viktor Tachev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
Silpa
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Share this question
or