Tengo una tabla de interfaz de usuario de Material simple, que tendrá lo que parece una celda de encabezado en su última columna. Sin embargo, me gustaría que este último encabezado comparta la columna con el encabezado justo antes.
Piénselo así: habrá 4 encabezados en la parte superior, pero solo 3 columnas, y los dos últimos encabezados comparten la misma columna.
No estoy seguro de que tenga sentido, así que aquí hay una aplicación de muestra para ilustrar lo que quiero decir.
puede contraer la fila de datos de esta manera
<Table className={classes.table}> <TableBody> <TableRow> <TableCell>Data 1</TableCell> <TableCell>Data 2</TableCell> </TableRow> <TableRow> <TableCell colSpan={2}>Data Two Columns</TableCell> </TableRow> </TableBody> </Table>