Check out this excellent blog by Andrej Gajduk https://www.notion.so/The-road-to-responsive-tables-in-Mendix-f8a1de4595634167bd489c48b565fbe1 and the example project https://cssflexandgrid-sandbox.mxapps.io/
I thing this is an width issue with your header column (th) and body column (td).
you can apply some custom CSS in custom.css or main.scss and it will align your cells.
you can achieve this UI structure via this link below
Listview + table