Hi @Larry Tay - 

You can use below example and achieve both horizontal scroll on the grid. I am attaching the OML for your reference. Please check "ScrollTest" page for your use case. Also, Please go through the below URL for testing purpose.

URL - https://tejas-mendse.outsystemscloud.com/TestModule/ScrollTest?_ts=637962434608164187

CSS

Apply classes to required container - 

Create On-Ready event and call the JavaScript - 

var wrapper1 = document.getElementById($parameters.wrapper1);

var wrapper2 = document.getElementById($parameters.wrapper2);

wrapper1.onscroll = function() {  

wrapper2.scrollLeft = wrapper1.scrollLeft;

};

wrapper2.onscroll = function() {

wrapper1.scrollLeft = wrapper2.scrollLeft;

};

UI - 

not sure if your technique will work.  I am talking about reactive data grid, not just normal HTML css tags.

DIV tags does not work unfortunately.