1. Home
  2. Forum
  3. React - EJ 2
  4. Column Headers Misaligned

Column Headers Misaligned

Hi - I seem to be having a styling issue where the headers/field lists are not displaying properly - see the image below for an example. It seems to impact the grouping bar and field panels as they stop working/don't expand.

1- Not expanded so second selection cannot be removed/changed

2- Misaligned header

Thanks for any help!



5 Replies
AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team July 25, 2022 11:58 AM UTC

Hi Tristan,


We are unable to reproduce the reported problem at our end. Meanwhile, we have prepared a sample for your reference.


Sample: https://stackblitz.com/edit/react-jfkyar?file=index.js


If the problem persists, please reproduce it in the provided sample and revert to us (or) send your sample that replicates the problem. This would allow us to investigate the reported problem at our end and provide a solution as soon as possible. 


Regards,

Angelin Faith Sheeba


JO Joshua replied to AngelinFaithSheeba PaulvannanRajadurai August 4, 2022 04:22 AM UTC

Angelin,


I'm looking at ur sample and there's a weird bug whereby when I change/reinstall the dependencies, the 2nd defined rows will no longer be expandable.


I'm also having this bug on my React app as well. Possib


AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 6, 2022 06:30 AM UTC

Hi Tristan,


We suspect that the reported issue occurs because the page is not refreshed properly. So, while changing/reinstall the dependencies, we recommend you to do a proper refresh at your end application. Meanwhile, we have prepared a sample for your reference. Please find it from below link.


Sample: https://stackblitz.com/edit/react-jfkyar-vmzjeh?file=package.json


If the problem persists, please reproduce it in the provided sample and revert to us (or) send your sample that replicates the problem. This would allow us to investigate the reported problem at our end and provide a solution as soon as possible.


Regards,

Angelin Faith Sheeba.


JO Joshua replied to AngelinFaithSheeba PaulvannanRajadurai August 8, 2022 01:18 AM UTC

Here's my fork for the sample u provided, with just a simple updating of all dependencies, it broke the component


R9zmft (forked) - StackBlitz

Syncfusion React Sample (stackblitz.io)



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 8, 2022 03:13 PM UTC

Hi Tristan,


The reported issue doesn’t occurs because of the change/reinstall the dependencies. Moreover, the reported issue occurs from the version 20.2.61 to 20.2.40 and that has been resolved and included in our Essential Studio 2022 Volume 2 SP Release V20.2.43. Please refer to the following sample and screenshot.


Sample: https://stackblitz.com/edit/react-htlntu?file=index.js


Screnshot:

  

Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba


Loader.
Up arrow icon