Support for Merged Columns/Rows (colspan/rowspan) in Table Component

[DacLuc]

Hello Heroes!

Thanks for your awesome work! I'd love to have this feature or workarounds to achieve the same behavior as merged columns/rows in HeroUI Table.

Summary:
Please add support for merged columns and rows (i.e., colspan and rowspan functionality) in the HeroUI Table component.

Description:
Currently, the HeroUI Table component does not provide a way to merge table cells across columns or rows. This feature is essential for displaying complex tabular data, such as grouped headers, summary rows, or custom layouts that require cells to span multiple columns or rows.

Use Cases:

• Grouped table headers for categorizing columns.
• Summary or total rows that span across several columns.
• Custom layouts for data visualization within tables.

Expected Behavior:

• Allow developers to specify colspan and rowspan props on TableCell (or equivalent) components.
• Render the table with merged cells as per standard HTML table behavior.

Thanks for your consideration!