[Bug]: DataGrid - as attribute doesn't work on DataGridRow

[kroudams]

Library

React Components / v9 (@fluentui/react-components)

System Info

.

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/p/sandbox/condescending-browser-r8gr2y?file=%2Fsrc%2Fexample.tsx%3A9%2C16

Bug Description

Actual Behavior

When as="tr" is set on <DataGridRow as="tr"> it still renders as <div role="row">

Expected Behavior

When as="tr" is set on <DataGridRow as="tr"> it should be rendered as <tr>

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[ling1726]

Using native semantic table elements means that all other elements must be semantic table elements. Due to the restrictions there and the fact that DataGrid renders as role="grid", we made the decision to not allow semantic table element toggling in this component.

Is there a reason why rendering DataGrid as semantic table elements would be preferrable? The case you're drescribing now should not be supported since you would be rendering tr for rows but div for everything else

[kroudams]

tr was an example. I wanted to use DataGrid as it already has all the functionality built-in (e.g. sorting).

[ling1726]

What should the end result look like? do you expect the DataGrid to render completely with semantic table elements? (tbody, tr, td etc...?)

The DataGrid by default does not use semantic elements, because it needs to be a role="grid" for screen reader narration, because tables should not have keyboard navigation/selection semantics. Even if the DataGrid rendered semantic table elements the default roles would need to be override to the grid variants so there's no real benefit I can see of using semantic table elements.

[microsoft-github-policy-service]

Because this issue is marked as by design and has not had activity for over 3 days, we're automatically closing it for house-keeping purposes.