{"componentChunkName":"component---src-pages-components-data-table-code-mdx","path":"/components/data-table/code/","webpackCompilationHash":"c31bf13abf12c5c2789b","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Data table","description":"The data table component allows for the flexible display and sorting of information.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/data-table/code.mdx","titleType":"prepend","MdxNode":{"id":"ec9b6cf1-e708-5a87-a1a8-c7f8bd185549","children":[],"parent":"abdcc17d-f272-569d-91c2-93c3ee34c16d","internal":{"content":"---\ntitle: Data table\ndescription: The data table component allows for the flexible display and sorting of information.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Data table\n\n<ComponentCode\n  name=\"Data table\"\n  component=\"data-table\"\n  variation=\"data-table\"\n  hasReactVersion=\"datatable--default\"\n  hasVueVersion=\"datatable--default\"\n  hasAngularVersion=\"?path=/story/table--default\"\n  codepen=\"jRWbZZ\"></ComponentCode>\n\n## Expandable data table\n\n<ComponentCode\n  name=\"Expandable data table\"\n  component=\"data-table\"\n  variation=\"data-table--expandable\"\n  hasReactVersion=\"datatable--with-expansion\"\n  hasAngularVersion=\"?path=/story/table--with-expansion\"\n  codepen=\"wZMKme\"></ComponentCode>\n\n## Data table with pagination\n\n<ComponentCode\n  name=\"Data table with pagination\"\n  component=\"data-table\"\n  variation=\"data-table--with-pager\"\n  hasAngularVersion=\"?path=/story/table--with-pagination\"\n  codepen=\"MRKaBq\"></ComponentCode>\n\n<!--\n\n## Small data table\n\n<ComponentCode\n    name=\"Small data table\"\n    component=\"data-table\"\n    variation=\"data-table--small\"\n    hasAngularVersion=\"?path=/story/table--default&knob-size=sm&knob-showSelectionColumn=true&knob-striped=true&knob-sortable=true&knob-Data grid keyboard interactions=\n    >\n</ComponentCode>\n\n## Toolbar\n\n<ComponentCode\n    name=\"Toolbar\"\n    component=\"toolbar\"\n    variation=\"toolbar\"\n    hasVueVersion=\"toolbar--default\"\n    hasAngularVersion=\"?path=/story/table--with-toolbar\"\n    >\n</ComponentCode>\n-->\n\n## Documentation\n\n<ComponentDocs component=\"data-table\" />\n","type":"Mdx","contentDigest":"df16bc2f5a5d444458a3ebe44f26a441","counter":1320,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Data table","description":"The data table component allows for the flexible display and sorting of information.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Data table\ndescription: The data table component allows for the flexible display and sorting of information.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Data table\n\n<ComponentCode\n  name=\"Data table\"\n  component=\"data-table\"\n  variation=\"data-table\"\n  hasReactVersion=\"datatable--default\"\n  hasVueVersion=\"datatable--default\"\n  hasAngularVersion=\"?path=/story/table--default\"\n  codepen=\"jRWbZZ\"></ComponentCode>\n\n## Expandable data table\n\n<ComponentCode\n  name=\"Expandable data table\"\n  component=\"data-table\"\n  variation=\"data-table--expandable\"\n  hasReactVersion=\"datatable--with-expansion\"\n  hasAngularVersion=\"?path=/story/table--with-expansion\"\n  codepen=\"wZMKme\"></ComponentCode>\n\n## Data table with pagination\n\n<ComponentCode\n  name=\"Data table with pagination\"\n  component=\"data-table\"\n  variation=\"data-table--with-pager\"\n  hasAngularVersion=\"?path=/story/table--with-pagination\"\n  codepen=\"MRKaBq\"></ComponentCode>\n\n<!--\n\n## Small data table\n\n<ComponentCode\n    name=\"Small data table\"\n    component=\"data-table\"\n    variation=\"data-table--small\"\n    hasAngularVersion=\"?path=/story/table--default&knob-size=sm&knob-showSelectionColumn=true&knob-striped=true&knob-sortable=true&knob-Data grid keyboard interactions=\n    >\n</ComponentCode>\n\n## Toolbar\n\n<ComponentCode\n    name=\"Toolbar\"\n    component=\"toolbar\"\n    variation=\"toolbar\"\n    hasVueVersion=\"toolbar--default\"\n    hasAngularVersion=\"?path=/story/table--with-toolbar\"\n    >\n</ComponentCode>\n-->\n\n## Documentation\n\n<ComponentDocs component=\"data-table\" />\n","fileAbsolutePath":"/zeit/7d243b86/src/pages/components/data-table/code.mdx"}}}}