For initDetails: Is there a way to increase the indentation of the child table.

1 Answer 36 Views
Grid
George
Top achievements
Rank 2
Iron
Iron
Iron
George asked on 06 Sep 2023, 11:42 PM

Was wondering if there was a way to increase the indentation of the child grid when using the initDetails option?

I have this:

Want something like:

Is there any way of accieving this?

 

Thanks!

George

1 Answer, 1 is accepted

Sort by
0
Accepted
Zornitsa
Telerik team
answered on 08 Sep 2023, 02:10 PM

Hello George,

You could increase the indentation of the detail Grid by accessing the detail table cell in the detailInit event and setting its padding-left CSS property to the desired value:

detailInit: function(e) {
    ...
    var detailCell = e.detailCell;
    detailCell.css("padding-left", "100px");
}

 

Here is a small Dojo example, in which you can observe the desired behavior, achieved with the suggested approach:

 

Let me know if the proposed suggestion fits your scenario.

Regards,
Zornitsa
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
George
Top achievements
Rank 2
Iron
Iron
Iron
commented on 08 Sep 2023, 03:48 PM

Exactly what I needed! I need to brush up on these dot functions like: detailCell.css. Thank You! -George
Tags
Grid
Asked by
George
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Zornitsa
Telerik team
Share this question
or