diff --git a/docs/examples/table-v2/grouping-header.vue b/docs/examples/table-v2/grouping-header.vue index d559d7bca8..836e739b69 100644 --- a/docs/examples/table-v2/grouping-header.vue +++ b/docs/examples/table-v2/grouping-header.vue @@ -83,6 +83,7 @@ const CustomizedHeader: FunctionalComponent< groupCells.push(
+
{Cells}
) diff --git a/packages/components/table-v2/src/components/header.tsx b/packages/components/table-v2/src/components/header.tsx index dc96e7e07f..09d770446a 100644 --- a/packages/components/table-v2/src/components/header.tsx +++ b/packages/components/table-v2/src/components/header.tsx @@ -94,7 +94,12 @@ const TableV2Header = defineComponent({ if (props.height <= 0) return return ( -
+
{renderDynamicRows()} {renderFixedRows()} diff --git a/packages/components/table-v2/src/components/row.tsx b/packages/components/table-v2/src/components/row.tsx index a4ae2837f1..7e2e1949d4 100644 --- a/packages/components/table-v2/src/components/row.tsx +++ b/packages/components/table-v2/src/components/row.tsx @@ -210,6 +210,7 @@ const TableV2Row = defineComponent({ ref={rowRef} class={props.class} style={_measured ? style : exceptHeightStyle} + role="row" {...attrs} {...unref(eventHandlers)} > @@ -224,6 +225,7 @@ const TableV2Row = defineComponent({ ref={rowRef} class={props.class} style={style} + role="row" {...unref(eventHandlers)} > {ColumnCells} diff --git a/packages/components/table-v2/src/renderers/cell.tsx b/packages/components/table-v2/src/renderers/cell.tsx index f35d7ab550..44a169940a 100644 --- a/packages/components/table-v2/src/renderers/cell.tsx +++ b/packages/components/table-v2/src/renderers/cell.tsx @@ -122,7 +122,7 @@ const CellRenderer: FunctionalComponent = ( } return ( -
+
{IconOrPlaceholder} {Cell}
diff --git a/packages/components/table-v2/src/renderers/header-cell.tsx b/packages/components/table-v2/src/renderers/header-cell.tsx index 7eff9c8301..7d54f7f8a6 100644 --- a/packages/components/table-v2/src/renderers/header-cell.tsx +++ b/packages/components/table-v2/src/renderers/header-cell.tsx @@ -82,7 +82,7 @@ const HeaderCellRenderer: FunctionalComponent = ( // For now we don't deliver resizable column feature since it has some UX issue. return ( -
+
{Cell} {sortable && ( diff --git a/packages/components/table-v2/src/table-grid.tsx b/packages/components/table-v2/src/table-grid.tsx index 4788a09ccc..efc62dcd03 100644 --- a/packages/components/table-v2/src/table-grid.tsx +++ b/packages/components/table-v2/src/table-grid.tsx @@ -228,6 +228,7 @@ const TableGrid = defineComponent({ width={width} height={unref(gridHeight)} class={ns.e('body')} + role="rowgroup" scrollbarStartGap={scrollbarStartGap} scrollbarEndGap={scrollbarEndGap} scrollbarAlwaysOn={scrollbarAlwaysOn} diff --git a/packages/components/virtual-list/src/builders/build-grid.ts b/packages/components/virtual-list/src/builders/build-grid.ts index 66fd7d4681..ceb1d9d8b0 100644 --- a/packages/components/virtual-list/src/builders/build-grid.ts +++ b/packages/components/virtual-list/src/builders/build-grid.ts @@ -639,6 +639,7 @@ const createGrid = ({ { key: 0, class: ns.e('wrapper'), + role: props.role, }, [ h( diff --git a/packages/components/virtual-list/src/props.ts b/packages/components/virtual-list/src/props.ts index 411de5118e..f814cd866e 100644 --- a/packages/components/virtual-list/src/props.ts +++ b/packages/components/virtual-list/src/props.ts @@ -158,6 +158,7 @@ export const virtualizedGridProps = buildProps({ vScrollbarSize: scrollbarSize, scrollbarStartGap: startGap, scrollbarEndGap: endGap, + role: String, ...virtualizedProps, } as const)