diff --git a/packages/html/src/grid/index.ts b/packages/html/src/grid/index.ts index 99ab1bb1057..6c2b1ac9ffa 100644 --- a/packages/html/src/grid/index.ts +++ b/packages/html/src/grid/index.ts @@ -12,3 +12,4 @@ export * from './grid-pager.spec'; export * from './grid-toolbar.spec'; export * from './templates/grid-normal'; export * from './templates/grid-with-column-menu'; +export * from './templates/grid-with-filter-menu'; diff --git a/packages/html/src/grid/templates/grid-with-filter-menu.tsx b/packages/html/src/grid/templates/grid-with-filter-menu.tsx new file mode 100644 index 00000000000..f266b193069 --- /dev/null +++ b/packages/html/src/grid/templates/grid-with-filter-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 GridWithFilterMenu = (props) => ( + )} + children={( + <> + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + Michael Buchanan + Redmond + CEO + + + Margaret Peacock + Tacoma + CTO + + + Margaret Suyama + Boston + Web Designer + + + Laura Peacock + Seattle + Accountant + + + Janet Davolio + Philadelphia + Sales Manager + + + + + + + )} + {...props}> + +);