With help from the other answer

<Box sx={{flex: 1, position: "relative"}}>
    <DataGrid
        style={{position: "absolute", width: "100%"}} 
        //...
    />
</Box>

The above code is a flex item. When placed in a flex container with flex-direction: column, it will fill its remaining vertical space.