1. Home
  2. Forum
  3. Vue
  4. DataGrid headers row's height and paddings

DataGrid headers row's height and paddings

What is the best way of controlling the height of the header row while we allow the wrapping? right now the row height took too much unnecessary space:


 


3 Replies 1 reply marked as answer
JC Joseph Christ Nithin Issack Syncfusion Team May 13, 2022 12:20 PM UTC

Hi Wei,


  Greetings from Syncfusion support.


  Based on the provided information we tried to reproduce the reported issue, but we were not able to replicate the issue from our side. We have attached the screenshot for your convenience. Please share the following details so that we may be able to provide a better solution ASAP.


  • Please share a sample to replicate the issue.

  • Please confirm you are not having any columns that are hidden in the screenshot you have shared.

  • Please share the Syncfusion package version you are using.


Screenshot: 


Note: By default, in EJ2 grid the height of the header row will be adjusted automatically based on the height of the content.


Please get back to us for further details.


Regards,

Joseph I.


Marked as answer
WC Wei Cheng May 14, 2022 12:35 AM UTC

You are right, the issue was caused by hidden column where the width was set to zero and header with text.


This would be the reason of the header cell heights. Thanks


JM Jayshankar Manoharan Syncfusion Team May 16, 2022 10:31 AM UTC

Hi Wei Cheng,


Thanks for your update.


We are happy to hear that issue has been resolved.


Please get back to us if you need further assistance on this.


Regards,

Jayshankar Manoharan


Loader.
Up arrow icon