Hi @rammurthynaidu boddu

Thanks for your reply.

Could you please be more specific how should I use the provided JS script, such as on which event this JS script being called?

If you remove the height that will happen ofc. If you're customizing the default behaviour you need to customize them all. Including the empty message. The elements are nested in a hierarchy so if you override one you need to override them all - this is simple Frontend logic, with nothing to do with Data Grid logic.One of the approaches is to define a minimum height to fit the message but you can do whatever you want:

.wj-control.wj-content.wj-flexgrid {    

height: auto !important;        

max-height: 400px;    

min-height: 150px;

}

.datagrid-autogenerate {        

height: auto !important;

}

https://www.outsystems.com/forums/discussion/71782/outsystems-data-grid-change-default-column-width/

Hi @Kiet Phan 

Thanks for your reply. 

I have tried to use your method by simply adding the JS script in the Grid On Initialize.

But when I tried to zoom-in and out the browser (100% to 150%), the grid is not adapting to the changes.

Maybe I'm missing something here?

Hi @Cuong Tran 

The column actually change the size when you zoom in/zoom out. Let me give you the demostration.

In the code below I add console.log the width of column[0].

1. window.addEventListener('resize', function() {
2.     let myGrid = OutSystems.GridAPI.GridManager.GetActiveGrid().provider;
3.     let windowSize = window.innerWidth;
4.     myGrid.columns[0].width = windowSize * 0.3;
5.     console.log(myGrid.columns[0].width);
6. });

As you can see, the width of column was changed when I zoom-in/zoom-out.

Hi @Kiet Phan 

This is exactly what I want, unfortunately I still cannot achieve it in my code. Perhaps some setting in the my grid is over-written this JS script.

Could you please sharing this oml file with me so that I can learn from it?

Thanks.

sure, here it is

pls check the attachment.

hi @Kiet Phan,

Sorry I was out-of-office for a week so I could not get back to you in time.

Also thank you for checking on me. I have checked and you oml. file works like a charm.

You're welcome. Enjoy your weekend :)