docs-bug(Table): Add example with `rowspan`
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### Documentation Feedback
There are many useful `Table` examples in the documentation. However, a common use case that’s missing is how to use `rowspan` to merge identical cells vertically.
For example, say we have the following data:
```ts
const ISOTOPE_DATA: PeriodicElement[] = [
{position: 1, element: 'Hydrogen', isotope: 'Protium', weight: 1.0078},
{position: 2, element: 'Hydrogen', isotope: 'Deuterium', weight: 2.0141},
{position: 3, element: 'Hydrogen', isotope: 'Tritium', weight: 3.016},
{position: 4, element: 'Helium', isotope: 'Helium-3', weight: 3.016},
{position: 5, element: 'Helium', isotope: 'Helium-4', weight: 4.0026},
];
```
We should be able to use it to create a table like this:
Element
Isotope
Weight
Hydrogen
Protium
1.0078
Deuterium
2.0141
Tritium
3.016
Helium
Helium-3
3.016
Helium-4
4.0026
This is related to https://github.com/angular/components/issues/11551, which is similar but for the `CdkTable` documentation.
### Affected documentation page
https://material.angular.dev/components/table/examples
Guía de contribución
Línea de trabajo
Comienza en la página de documentación afectada, https://material.angular.dev/components/table/examples, y revisa los ejemplos de Table existentes. Añade un ejemplo que use los ISOTOPE_DATA proporcionados para demostrar celdas combinadas verticalmente con rowspan, reproduciendo el diseño mostrado de Hydrogen y Helium. Se considerará terminado cuando la página explique y renderice claramente este caso de uso.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- documentation
- Tipo de issue
- Documentación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Tranquilo
- Claridad
- Bastante claro
- Aptitud para principiantes
- 72/100