Size of table when resizing is set wrong

[Davi Daniel Siepmann]

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

[Thavasianand Sankaranarayanan]

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.  

Regards, 

Thavasianand S. 

[Davi Daniel Siepmann]

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.

[Thavasianand Sankaranarayanan]

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, 

Sample: https://stackblitz.com/edit/8ikt3a-i2ewpn?file=index.ts 

 

Refer the help documentation. 

 

Link: https://ej2.syncfusion.com/documentation/api/grid#resizestop 

Regards, 

Thavasianand S.