Constraining the datatable reported width?

[JustinGrote]

I noticed CodeHighlight components inside the datatable will expand the table's width, causing the copy icon and whatnot to go offscreen. I imagine this is because the table expands and is scrollable, and reports the same to its inner components. Is there a way to constrain say the expandable row to not go off-screen so that the copy/expand buttons stay on screen?

See: https://github.com/orgs/mantinedev/discussions/7168

Sorry I'm fairly new at this, sorry if I'm not using the right terminology.

[JustinGrote]

I figured it out. The default table-layout is auto, which is allowed to overrun any containers. Changing table-layout to fixed solves the issue but still allows horizontal scrolling of the table.

      styles={{
        table: {
          tableLayout: "fixed",
        },