diff --git a/packages/html/src/grid/index.ts b/packages/html/src/grid/index.ts index 7e7fed9f1a0..99ab1bb1057 100644 --- a/packages/html/src/grid/index.ts +++ b/packages/html/src/grid/index.ts @@ -11,3 +11,4 @@ export * from './grid-footer-table.spec'; export * from './grid-pager.spec'; export * from './grid-toolbar.spec'; export * from './templates/grid-normal'; +export * from './templates/grid-with-column-menu'; diff --git a/packages/html/src/grid/templates/grid-with-column-menu.tsx b/packages/html/src/grid/templates/grid-with-column-menu.tsx new file mode 100644 index 00000000000..702276125fd --- /dev/null +++ b/packages/html/src/grid/templates/grid-with-column-menu.tsx @@ -0,0 +1,69 @@ +import { Grid, GridHeader, GridHeaderTable, GridHeaderCell, GridContainer, GridContent, GridTable, GridPager } from '../../grid'; +import { TableThead, TableTbody, TableRow, TableTd } from '../../table'; + +export const GridWithColumnMenu = (props) => ( + )} + children={( + <> + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + 1 + Chai + Beverages + + + 2 + Chang + Beverages + + + 3 + Aniseed Syrup + Condiments + + + 4 + Chef Anton's Cajun Seasoning + Condiments + + + 5 + Grandma's Boysenberry Spread + Condiments + + + + + + + )} + {...props}> + +);