[Table] CSS only implementation

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

The current implementation of the table is relatively slow, at least x4 slower than it could be based on https://mui.com/performance/table-component/ vs. https://mui.com/performance/table-mui/. We might want to explore another API, that has fewer features but has better performance.

Examples 🌈

We could consider full CSS API, like https://react-bootstrap.github.io/components/table/.

<Table striped bordered hover>
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <td>3</td>
      <td colSpan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</Table>

Motivation 🔦

#27057 raises how the tooltip is slow, but the table is taking even more time.

I suspect that https://mui.com/x/react-data-grid/ solves the root problem now (performance with virtualization). I have opened this GitHub issue anyway because this idea has been in the back of my head for 3 years.

Benchmarks

• https://react-bootstrap.github.io/components/table/.
• https://mantine.dev/core/table/

Start by reviewing the existing Table component entry point and the linked performance comparisons, then compare the referenced React Bootstrap and Mantine table APIs. Done means an agreed reduced CSS-oriented Table API is specified and its performance is demonstrated against the current implementation.