import { GridToolbar, GridHeader, GridHeaderCell, GridHeaderTable, GridContainer, GridContent, GridTable, GridNormal } from "../";
import { TableThead, TableTbody, TableRow, TableTd } from "../../table";
import { Button } from "../../button";
import { ActionSheetNormal, ActionSheetHeader, ActionSheetFooter } from "../../action-sheet";
import { GroupMenu, GroupMenuItemWrapper, GroupMenuItem, GroupMenuItemAction } from "../../column-menu";
const styles = `
#test-area {
max-width: 1060px;
--kendo-actionsheet-height: 400px;
--kendo-actionsheet-max-height: 400px;
}
#test-area > section {
height: 600px;
outline: 1px dotted;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
`;
export default () => (
<>
resolutions 500 < 768
}
pager={null}
children={
<>
Header Name 1
Header Name 2
Header Name 3
Header Name 4
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Group by" />
}
footer={
}
>
} />
} />
} />
} />
}
pager={null}
children={
<>
Header Name 1
Header Name 2
Header Name 3
Header Name 4
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Group by" />
}
footer={
}
>
} />
} />
} />
} />
}
pager={null}
children={
<>
Header Name 1
Header Name 2
Header Name 3
Header Name 4
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Group by" />
}
footer={
}
>
} actionsEnd={} />
} actionsEnd={} />
} />
} />
}
pager={null}
children={
<>
Header Name 1
Header Name 2
Header Name 3
Header Name 4
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Group by" />
}
footer={
}
>
} actionsEnd={} />
} actionsEnd={} />
} />
} />
);