[Carbon 10: Data Table] Table heading in table body

Detailed description

Describe in detail the issue you’re having.

<th> should be used within the table body to denote the row’s heading but it’s styling is odd.

Is this issue related to a specific component?

Data Table

What did you expect to happen? What happened instead? What would you like to see changed?

Table row heading should align with the rest of the cells. Often they don’t visually look different from other cells but are semantically important for screen reader users

What browser are you working in?

Chrome, FireFox, Safari

What version of the Carbon Design System are you using?

v10.0.0

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Watson Health Pattern & Asset Library (PAL)

Steps to reproduce the issue

1. Add a th as a cell within the tbody
2. View the table styles

Screenshot

[elizabethsjudd]

@designertyler The request is to not have the headers in the table body look like the column styles and instead look like a standard tbody cell. If that bug was taken care, I would say this issue is fixed. The table in the screen shot should look like the tables on the Carbon website.

With that said, I don’t think it’s a bad practice to have the option to have a “row header” style but that does require additional work (design specs) and could be done as part of a separate issue IMO

[jnm2377]

Right, but the th in tbody would still need to receive “default row cell” styles, so if we want both options, as in have the th look like all the other cells or look like a header, we’d have 2 selectors. Targeting the th would be used to apply the default styles, and the th with the special class would apply an optional “row header” look. @elizabethsjudd