{"componentChunkName":"component---src-pages-components-data-table-code-mdx","path":"/components/data-table/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","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":"5d68235d-b4d8-5005-8554-9f1694ec69b2","children":[],"parent":"23d62118-4f64-54fe-b8fb-eb1443597b1c","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":"003eb4da3650b0c6db7aae8f154b22d2","counter":1294,"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":"/fargate/7b444b50/src/pages/components/data-table/code.mdx"}}}}