I have added Atlas core and atlas web content with data grid2 but in chrome my page is looking like this. Can anyone know i can fix this?
Brian's solution on the following post solved this problem for me (columns taking up whole rows and sorting arrows appearing as giant): https://forum.mendix.com/link/questions/111660
The zip for the theme folder can be downloaded from section 2 of this link: https://docs.mendix.com/refguide/moving-from-atlas-2-to-3/#web-custom-variables
After following those steps in the order listed, I was able to get datagrid 2 working properly on pages created from Atlas 3 templates. Hope this works for you as well.
In the styling, the following css from the datagrid styling seems to be overwritten. It might be worth investigating the cause of this, but I have 'fixed' it by adding this styling back in to main.scss.
.widget-datagrid-grid
{
display: grid !important;
}