Question

Make control bar sticky

0

Hi, how can I make the control bar in a data grid sticky so that the buttons in the control bar do not move when the rows of the data grid are scrolled down. I want the button in control bar to be sticky same as the header of the grid. Thanks

asked 2021-11-18

Shardul Silswal

1 answers

Kshitij Karandikar · Accepted Answer · 2021-11-18

You can limit the height of the grid content and add an overflow.

For e.g. : This css class "custom-datagrid” will limit the height of the datagrid to 500px and add a vertical scroll bar.

.custom-datagrid > .mx-grid-content{
    height: 500px !important;
    overflow-y: scroll;
}