Expandable Rows Arrow Hiding

  • Goal: To give the user the ability to tell if the row is expandable or not depending on a subtable records. Also if possible, to sync the horizontal scrolling between the nested tables.

  • Steps: I have added a subtable as a component for the expandable rows. I have also managed to hide the subtable when there are no records. The only issue remains is to hide the expand arrow for these specific rows.

  • Details: The components are simply 2 nested tables. One as a main table and another as a subtable for the expandable rows.

  • Screenshots:
    This shows a row that can be expanded. Also the unsynchronized horizontal scrolling between the nested tables.

    This shows a row with a hidden subtable (Because it has no records).