How to customize Material-ui Table Row and Columns (Sticky) : <p>I have a unique situation in which I need not only the header but the first 
row and first three columns to persist when scrolling down and/or to the right due to an overflow of columns.</p>

<p>Material-UI Table allows for me to keep the header sticky when scrolling down without negatively affecting overflow, like in this example:
<a href="https://codesandbox.io/s/209r3p0l3y" rel="noreferrer">https://codesandbox.io/s/209r3p0l3y</a></p>

<p>In my table the header does stick, but the first row must stick when scrolling down but not stick when scrolling left (the same behavior). This is to keep the overflow of values remaining consistent with the header labels. The first row (although not a header) will be compared to the rest of the rows of data when scrolling down and to the right. Also, this is the case for the first 3 columns. The other columns must remain matching with the header labels and first-row content, but the first 3 columns remain fixed to the left as this is done.</p>

<p>Is overlapping multiple MUI tables truly the best and/or only plausible solution?
I cannot think of a less hacky solution and wonder if anyone has encountered this when limited to MUI Tables or developing unique table behavior.</p>
