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

[George]

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

[Zornitsa]

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:

 

• https://dojo.telerik.com/udIjeQaX 

Let me know if the proposed suggestion fits your scenario.

Regards,
Zornitsa
Progress Telerik

[George]

Exactly what I needed! I need to brush up on these dot functions like: detailCell.css. Thank You! -George