How I can implement word-wrap: break-word; effect for TUnimDBListGrid?

[Pink-El]

Hello,

How I can implement word-wrap: break-word; effect for TUnimDBListGrid?

I found solution for TUnimDBGrid:

.x-big .x-gridcell {

    word-wrap: break-word;

}

I tried add in CustomCSS following code

.x-big .x-gridcell .x-mgrid-cell .x-mgridcell{

    word-wrap: break-word;

}

but no effect

Thank you,

Dmytro

[Sherzod]

14 minutes ago, Pink-El said:

.x-big

Hello,

Are you assigning this class?

[Pink-El]

no

[Sherzod]

Okay, also try this approach:

 

[Pink-El]

No result. This solution is for mDBGrid, I am using mDBListGrid

CustomCSS

  .custom64Glyph .x-icon-el {
   width: 64px !important;
   height: 64px !important;
  }

.x-gridcell .x-mgrid-cell .x-mgridcell {

    word-wrap: break-word;
    white-space: pre-wrap;

}

.customItem .x-gridcell-body-el {
  white-space: normal;   
}

beforeinit

function beforeInit(sender, config)
{
  config.itemConfig = {
        height: 50
    };
}

Result

 

[Sherzod]

Ok, I will try to check. 

[Sherzod]

@Pink-El

Also try this solution:

 

[Pink-El]

Super! Thank you!