I am trying to set horizontal scrollbar only in datagrid . Is this possible?

I uploaded a sample code. When I enlarge the column I want to enable vertical scrollbar .

Hi,

you could put your DataGrid in a DojoAccordionContainer,

then you have the horizontal scrollbar from the Accordion Container.

If you find an other way i'm very interested in it!

That's a good idea but I would like to keep only the horizontal(sorry i made a mistake at my previous post)

As I tested the DojoAccordionContainer , I couldnt disable vertical scrollbar.

Thanks

Hi,

the datagrid should not be higher than the DojoAccordionContainer.

You can avoid the vertical scrollbar if you set the "pageSize" in the datagrid.

Thanks I got it. Is it possible to enable visibility of DojoAccordionContainer only when I 'm out of datagrid size limits?

I m searching a more simple "appearence" solution in order to leave datagrid appearence as it is. DojoAccordionContainer has that

bold border above which isn't so nice for my datagrid.

Thanks anyway!!

You could try this with append and remove child...

I uploaded a sample code.

But you could also take a look for other widgets without a bold border above.

Kind regards!

Sample code doesn't work . I try to put a box with scrollbar but cant get the size of datagrid.

Please see my attached code.

The css file contains:

.container{
    
    border:dotted 1px;
    white-space:nowrap;
    overflow-x: scroll;
    padding-right: 16px;

}
 

Thanks.

Hi Michael,

When you replace the line 

ui Div{ children = [ dataGrid ] };

with:

ui Box{ style = "overflow-x:auto", width = 200, children = [ dataGrid ] };

Ideally you should put styling in a css-file, but I this also does the job.
Is this what you mean?