We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Size of table when resizing is set wrong

Syncfusion sets the width of the table inside a Grid component when we resize the columns of the table, but this width is not as accurate as the line that divides each row is broken for the last element.
See attached file.

Thank you !

Attachment: Capture_e1a745e1.zip

3 Replies

TS Thavasianand Sankaranarayanan Syncfusion Team January 3, 2019 07:29 AM UTC

Hi Davi, 

Greetings from Syncfusion. 

In our Essential JavaScript2 we are using the fixed column layout structure for Grid. While using fixed column layout, column does not share their width to other columns. So that it renders white space when total columns width becomes lesser than the Grid width, this is the default behavior of EJ2 Grid.  

Thavasianand S. 

DD Davi Daniel Siepmann January 3, 2019 01:07 PM UTC

Good morning Thavasianand S., thank you for the reply.

We just would like to know if Syncfusion is planning to fix this (at least by the point of view of the user is an issue) or if we should fix the EJ2 Grid ourselves?

Thank you, regards.

TS Thavasianand Sankaranarayanan Syncfusion Team January 4, 2019 12:08 PM UTC

Hi Davi, 

As per your given detail we suspect that you want to overcome your mentioned problem. 

So, we suggest you to follow the below code example. 

resizeStop: function(args){ 
      (this.element.getElementsByClassName('e-headercontent')[0].children[0] as any).style.width = '100%'; (this.element.getElementsByClassName('e-content')[0].children[0] as any).style.width = '100%'; 

Refer the below sample for further assistance, 

Refer the help documentation. 

Thavasianand S. 

Live Chat Icon For mobile
Up arrow icon