ejTreeGrid BootStrap Issue

Question

I am using ejTreeGrid on a page running bootstrap. When running Syncfusion 14.x.x.x The grid will not display correctly using a column that is Frozen upon initialization. I can however Render the Grid then use the Create callback to freeze the Column and the Grid will then display correctly. However on version 15.x.x.x Even allowing the grid to render, and then calling the freeze column will not work. I have attached a modified version of your Essential Javascript playground where I had tracked down the issue to a conflict with bootstrap. Any advice on a work around would greatly be appreciated.

Attachment: jsTreeGrid_Issue_f9cde749.zip

Suriyaprasanth Ravikumar · Answer

Hi Landrum,

We have analyzed your reported issue and the attached sample, the issue get arise due to override of “bootstrap” theme with the “ej” themes. We have overridden this style to overcome this issue. Please refer the code snippet below.

[HTML]

<style>

.e-gridcontent {

box-sizing: content-box !Important;

}

</style>

We have also prepared a sample for your reference, Please find the sample from the below location.

Location: http://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeGrid_updated1995317059

Please let us know if you require any other assistance on this.

Regards,

Suriyaprasanth R.

Landy · Answer

That's what I needed. Thank you.

Suriyaprasanth Ravikumar · Answer

Hi Landrum,  
 
Thanks for your update. 
 
Regards, 
Suriyaprasanth R