I have a Widget tree like:

• App Body
  • Column of Widgets
    • A Widget with a Table
      • Each TableRow has a TableCell
        • And in a TableCell there is a Widget that spans over multiple Rows and Columns of the table (like a number circled with a huge circle, also multiple numbers can have these circles).

The table has variable alignment based on the data in the table. All the circles need to be on top of all the cells. And each circle has a shadow. Ideally a circle would not cast a shadow on another circle.

The issue is, with placing the “circle” in a TableCell, it is covered by the next cell/row. In html I would use z-index which looks like it is not present in Flutter. Is there another option how to do that, other than constructing another stacked layer of invisible table just to get the position of the circles right?

Thank you!