Jump to content

[Touch-DBGrid] How to change header & row height from Custom CSS


Recommended Posts

Hi all,
I can't modify these properties with CustomCSS. I tried with several examples but it doesn't work !
Only solution for the moment is implement an client event but I don't know the property to set for the Header/Column height:
function beforeInit(sender, config)
  config.itemHeight = 35; 
PS: A CSS code is much appreciate to avoid to define this event for each dbgrid on my app :)
Thank you for your help.


Link to comment
Share on other sites



Thank you for your answer. The CSS code works fine only for the column height.

It remains a problème with this HTML tag :


<div class="x-container x-grid-header-container x-dock-item x-docked-top x-sized" id="ext-headercontainer-1" style="height: 65px !important;">


I tried to add this css code but it doesn't work  :wacko: .


.x-container .x-grid-header-container .x-dock-item . x-docked-top .x-sized{
    height: 30px !important;
Do you have any idea to modify the height for these classes (.x-container .x-grid-header-container)?
Best regards,
Link to comment
Share on other sites

  • 10 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...