Internal issue 2847 - Colspan Only Applying to Header Row in Data Table

[ticket-sync[bot]]

When setting the colspan property in the canary Data Table component, it updates the colspan of the header row in the table, but the rows cells in the rows below do not adhere to the colspan specified.

https://stackblitz.com/edit/qfrquz?file=src%2Fapp.tsx

[jd239]

Some additional design is required for this functionality.

After a brief investigation a few component libraries which contain a data table/grid allow consumers to apply the colspan to the column and it filters through to the relevant table body cells. Whereas, the native behaviour requires individual cells to have the colspan explicitly set to it even if it is set at the column level.

[GCHQ-Developer-299]

Design team to create examples of this in Figma

[GCHQ-Developer-741]

When development is finished, will need a code example adding to the guidance site