{"componentChunkName":"component---src-pages-components-data-table-code-mdx","path":"/components/data-table/code/","webpackCompilationHash":"9a5cb62a61994334ab3f","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":"8c6c31a1-6da3-5fa1-b1f6-a7207876b5d3","children":[],"parent":"26a3ed5d-b5d1-53ec-a85e-ce1f92c51e2e","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":"df349256718229e66dda33907489d41e","counter":1174,"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":"/tmp/35443907/src/pages/components/data-table/code.mdx"}}}}