[Bug]: DataGrid component doesn't support native HTML table attributes (colspan)

Library

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

System Info

.

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/p/sandbox/epic-wildflower-j46jp6?file=%2Fsrc%2Fexample.tsx%3A178%2C27

Bug Description

Actual Behavior

Adding colspan on <DataGridHeaderCell> doesn't reflect this attribute on <th> HTML Element

Expected Behavior

Adding colspan on <DataGridHeaderCell> should reflect this attribute on <th> HTML Element

Thus, there is no actual way to make a <th> span more than one column, to create a main and a sub table headers/columns.

Example of how it works in actual HTML table

  <thead>
    <tr>
      <th colspan="2" scope="colgroup">main table header</th>
    </tr>
    <tr>
       <th scope="col">sub table header 1</th>
       <th scope="col">sub table header 2</th>
   </tr>
  </thead>
  .
  .
  .

Output:

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.