Added aria-sort to MRT_TableHeadCell (#1222)

* added aria sort

* change order

* fix condition

* add data-sort attributes to table head cells

---------

Co-authored-by: Kevin Van Cott <[email protected]>

Author: Volene

packages/material-react-table/src/components/head/MRT_TableHeadCell.tsx

@@ -163,9 +163,18 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
             ? 'right'
             : 'left'
       }
+      aria-sort={
+        column.getIsSorted()
+          ? column.getIsSorted() === 'asc'
+            ? 'ascending'
+            : 'descending'
+          : 'none'
+      }
       colSpan={header.colSpan}
+      data-can-sort={column.getCanSort() || undefined}
       data-index={staticColumnIndex}
       data-pinned={!!isColumnPinned || undefined}
+      data-sort={column.getIsSorted() || undefined}
       onDragEnter={handleDragEnter}
       onDragOver={handleDragOver}
       ref={(node: HTMLTableCellElement) => {
@@ -222,7 +231,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
     >
       {header.isPlaceholder
         ? null
-        : tableCellProps.children ?? (
+        : (tableCellProps.children ?? (
             <Box
               className="Mui-TableHeadCell-Content"
               sx={{
@@ -312,7 +321,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
                 <MRT_TableHeadCellResizeHandle header={header} table={table} />
               )}
             </Box>
-          )}
+          ))}
       {columnFilterDisplayMode === 'subheader' && column.getCanFilter() && (
         <MRT_TableHeadCellFilterContainer header={header} table={table} />
       )}