Jump to content

UnimDBListGrid Header Alignment


gerhardhziegler

Recommended Posts

  • 2 months later...
28 minutes ago, gerhardhziegler said:

I did, but till now: no reply? Maybe there is a workaround? I didnt find any reconfigure event, to set the align of the headers/columns manually :/

Sorry for the late.

One possible solution:

function painted(sender, eOpts)
{
    var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'right');
}

 

Link to comment
Share on other sites

2 hours ago, Sherzod said:

Sorry for the late.

One possible solution:


function painted(sender, eOpts)
{
    var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'right');
}

 

Dear Sherzod, I just applied your source like:

function painted(sender, eOpts)
{
  var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'left');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'left');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'left');
}

that should affekt the first three header columns. But... , please see attached pic, the titles stay somewhere...

Screenshot_9.jpg

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...