Is there any way to customize data grid 2 as I have to put 15 to 20 columns there?

0
My current project requirement is such that all the 15 or 20 columns in a report need to be visible on a single page with searchable, edit, delete option etc. I tried it with data grid 2 but the columns are getting squeezed together and it starts looking ugly. I tried adding custom CSS but it's not reflecting any changes on the column width also I thought putting a horizontal scroll might do the job but such is not the case.  Any suggestions or help  would be welcomed.  Thanks.
asked
4 answers
1

Hi, Prakhar Srivastava 

 

1. Please add grid and apply width unit Pixels as below Img

 

 

image.png

 

2. Add Css Class Name Scroll-none as  below img

 

image.png

 

3. add  below css class  under styling folder -> web -> scss file as shown img

 

.scroll-non{

overflow-x:scroll;

}

 

image.png

 

4. run the App and check it will be work as shown img

image.png

 

  I hope it will be help you, 

 

   Thank you!

answered
0

Hi, Prakhar Srivastava

 

I am already given answer to other devloper with image also, please search on forum below text. Any doubts on it please reach me.

 

How to implement horizontal scrolling for data grid2 like UP

 

I hope it will help you,

 

Thank you!

 

answered
0

This is the image as you can see all the columns are not aligned as per their names .reportserror.png

answered
0

Hi Prakhar,

 

To align the Columns you could use auto width. You can find this in the Column Configs.

You can also set the resize config to true. Then the User can config the Column by himself.

Check out the Datagrid2 doku for more features(Personalization etc)

 

Hope this helps,

answered