Devextreme Grid UX idea
I've attached rough prototype of my screen. Header, footer and sidebar are fixed to screen, only working area i.e. area with Grid filters and Main grid will get scrolled. Grid filters include some buttons and textboxes. Main grid includes one grid which is main part of screen. Sidebar has option to be minimized(50px)/maximized(300px).
Main Grid requirements are as follow
- There should be no scrollbars (vertical or horizontal) within grid
- Only one vertical scrollbar of main screen is allowed
- Grid should be responsive according to screen size
- Number of columns are not fixed, it depends on data (approx 10 to 20 columns)
I'm using devextreme grid. Devextreme provides Column chooser option, column resizing option, column hiding option. Can you give me ideas what should be chosen for best user experience?