{"componentChunkName":"component---src-pages-components-data-table-code-mdx","path":"/components/data-table/code/","webpackCompilationHash":"aaa6c4cbb44f8ca938e9","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":"c93f5f02-12cf-54f1-be01-f51a5cb7cd46","children":[],"parent":"2eb64a1a-9263-5354-92c3-8623aebfbbb2","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":"fb88c9e6140c2f5f515855473a40d364","counter":1107,"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/42b44a0/src/pages/components/data-table/code.mdx"}}}}