{"version":3,"sources":["webpack:///./src/views/Tables/TablesBasic.vue","webpack:///src/views/Tables/TablesBasic.vue","webpack:///./src/views/Tables/TablesBasic.vue?ff7b","webpack:///./src/views/Tables/TablesBasic.vue?709a"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","directives","name","rawName","modifiers","items","staticRenderFns","mounted","core","index","data","first","last","handle","component"],"mappings":"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","file":"js/chunk-2d216798.a4bcaaa7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Tables\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-1\",modifiers:{\"collapse-1\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"The \"),_c('code',[_vm._v(\".table \")]),_vm._v(\" class adds basic styling to a table.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-1\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-1\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\"></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Table Head Options\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-2\",modifiers:{\"collapse-2\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Similar to tables and dark tables, use the modifier classes \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".thead-light\")]),_vm._v(\" or \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".thead-dark\")]),_vm._v(\" to make \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<thead>\")]),_vm._v(\"s appear light or dark gray.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-2\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-2\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\" head-variant=\\\"dark\\\"></b-table>\\n<b-table :items=\\\"items\\\" head-variant=\\\"light\\\"></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items,\"head-variant\":\"dark\"}}),_c('b-table',{attrs:{\"items\":_vm.items,\"head-variant\":\"light\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Borderless table\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-3\",modifiers:{\"collapse-3\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Add \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-borderless\")]),_vm._v(\" for a table without borders.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-3\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-3\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\" borderless></b-table>\\n<p><code class=\\\"highlighter-rouge\\\">.table-borderless</code> can also be used on dark tables.</p>\\n<b-table :items=\\\"items\\\" table-variant=\\\"dark\\\" borderless></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items,\"borderless\":\"\"}}),_c('p',[_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-borderless\")]),_vm._v(\" can also be used on dark tables.\")]),_c('b-table',{attrs:{\"items\":_vm.items,\"table-variant\":\"dark\",\"borderless\":\"\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Small table\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-4\",modifiers:{\"collapse-4\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Add \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-sm\")]),_vm._v(\" to make tables more compact by cutting cell padding in half.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-4\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-4\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table small :items=\\\"items\\\"></b-table>\\n<b-table small :items=\\\"items\\\" table-variant=\\\"dark\\\"></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"small\":\"\",\"items\":_vm.items}}),_c('b-table',{attrs:{\"small\":\"\",\"items\":_vm.items,\"table-variant\":\"dark\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Captions\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-5\",modifiers:{\"collapse-5\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"A \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<caption>\")]),_vm._v(\" functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-5\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-5\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\">\\n  <template v-slot:table-caption>List of users</template>\\n</b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items},scopedSlots:_vm._u([{key:\"table-caption\",fn:function(){return [_vm._v(\"List of users\")]},proxy:true}])})]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Table Dark\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-6\",modifiers:{\"collapse-6\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"You can also invert the colors—with light text on dark backgrounds—with \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-dark\")]),_vm._v(\".\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-6\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-6\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\" table-variant=\\\"dark\\\"></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items,\"table-variant\":\"dark\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Striped rows\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-7\",modifiers:{\"collapse-7\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Use \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-striped\")]),_vm._v(\" to add zebra-striping to any table row within the \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<tbody>\")]),_vm._v(\".\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-7\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-7\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\" striped></b-table>\\n<b-table :items=\\\"items\\\" table-variant=\\\"dark\\\" striped></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items,\"striped\":\"\"}}),_c('b-table',{attrs:{\"items\":_vm.items,\"table-variant\":\"dark\",\"striped\":\"\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Hoverable rows\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-8\",modifiers:{\"collapse-8\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Add \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-hover\")]),_vm._v(\" to enable a hover state on table rows within a \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<tbody>\")]),_vm._v(\".\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-8\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-8\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table :items=\\\"items\\\" hover></b-table>\\n<b-table :items=\\\"items\\\" table-variant=\\\"dark\\\" hover></b-table>\\n<script>\\n  data () {\\n    return {\\n      items: [\\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\\n      ]\\n    }\\n  }\\n}\\n</script>\\n\")])])])])]),_c('b-table',{attrs:{\"items\":_vm.items,\"hover\":\"\"}}),_c('b-table',{attrs:{\"items\":_vm.items,\"table-variant\":\"dark\",\"hover\":\"\"}})]},proxy:true}])}),_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Contextual classes\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-9\",modifiers:{\"collapse-9\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Use contextual classes to color table rows or individual cells.\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-9\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-9\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table-simple>\\n  <b-thead>\\n    <b-th>Variant</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n  </b-thead>\\n  <b-tbody>\\n    <b-tr variant=\\\"active\\\">\\n      <b-th>Active</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>Default</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"primary\\\">\\n      <b-th>Primary</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"secondary\\\">\\n      <b-th>Secondary</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"success\\\">\\n      <b-th>Success</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"danger\\\">\\n      <b-th>Danger</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"warning\\\">\\n      <b-th>Warning</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr variant=\\\"info\\\">\\n      <b-th>Info</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n  </b-tbody>\\n</b-table-simple>\\n<p>Regular table background variants are not available with the dark table, however, you may use <a href=\\\"https://getbootstrap.com/\\\" target=\\\"_blank\\\">text or background utilities</a> to achieve similar styles.</p>\\n<b-table-simple table-variant=\\\"dark\\\">\\n  <b-thead>\\n    <b-th>#</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n  </b-thead>\\n  <b-tbody>\\n    <b-tr class=\\\"bg-primary\\\">\\n      <b-th>1</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>2</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr class=\\\"bg-success\\\">\\n      <b-th>3</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>4</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr class=\\\"bg-info\\\">\\n      <b-th>5</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>6</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr class=\\\"bg-warning\\\">\\n      <b-th>7</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>8</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr class=\\\"bg-danger\\\">\\n      <b-th>9</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n  </b-tbody>\\n</b-table-simple>\\n\")])])])])]),_c('b-table-simple',[_c('b-thead',[_c('b-th',[_vm._v(\"Variant\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")])],1),_c('b-tbody',[_c('b-tr',{attrs:{\"variant\":\"active\"}},[_c('b-th',[_vm._v(\"Active\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"Default\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"primary\"}},[_c('b-th',[_vm._v(\"Primary\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"secondary\"}},[_c('b-th',[_vm._v(\"Secondary\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"success\"}},[_c('b-th',[_vm._v(\"Success\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"danger\"}},[_c('b-th',[_vm._v(\"Danger\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"warning\"}},[_c('b-th',[_vm._v(\"Warning\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{attrs:{\"variant\":\"info\"}},[_c('b-th',[_vm._v(\"Info\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1)],1)],1),_c('p',[_vm._v(\"Regular table background variants are not available with the dark table, however, you may use \"),_c('a',{attrs:{\"href\":\"https://getbootstrap.com/\",\"target\":\"_blank\"}},[_vm._v(\"text or background utilities\")]),_vm._v(\" to achieve similar styles.\")]),_c('b-table-simple',{attrs:{\"table-variant\":\"dark\"}},[_c('b-thead',[_c('b-th',[_vm._v(\"#\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")])],1),_c('b-tbody',[_c('b-tr',{staticClass:\"bg-primary\"},[_c('b-th',[_vm._v(\"1\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"2\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{staticClass:\"bg-success\"},[_c('b-th',[_vm._v(\"3\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"4\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{staticClass:\"bg-info\"},[_c('b-th',[_vm._v(\"5\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"6\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{staticClass:\"bg-warning\"},[_c('b-th',[_vm._v(\"7\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"8\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',{staticClass:\"bg-danger\"},[_c('b-th',[_vm._v(\"9\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1)],1)],1)]},proxy:true}])})],1),_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('iq-card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Responsive tables\")])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('a',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-10\",modifiers:{\"collapse-10\":true}}],staticClass:\"text-primary float-right\",attrs:{\"role\":\"button\"}},[_c('i',{staticClass:\"ri-code-s-slash-line\"})])]},proxy:true},{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table\")]),_vm._v(\" with \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-responsive\")]),_vm._v(\". Or, pick a maximum breakpoint with which to have a responsive table up to by using \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".table-responsive{-sm|-md|-lg|-xl}\")]),_vm._v(\".\")]),_c('b-collapse',{staticClass:\"mb-2\",attrs:{\"id\":\"collapse-10\"}},[_c('div',{staticClass:\"card\"},[_c('kbd',{staticClass:\"bg-dark\"},[_c('pre',{staticClass:\"text-white\",attrs:{\"id\":\"table-10\"}},[_vm._v(\"                    \"),_c('code',[_vm._v(\"\\n<b-table-simple responsive>\\n  <b-thead>\\n    <b-th>#</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n    <b-th>Heading</b-th>\\n  </b-thead>\\n  <b-tbody>\\n    <b-tr>\\n      <b-th>1</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>2</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n    <b-tr>\\n      <b-th>3</b-th>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n      <b-td>Cell</b-td>\\n    </b-tr>\\n  </b-tbody>\\n</b-table-simple>\\n\")])])])])]),_c('b-table-simple',{attrs:{\"responsive\":\"\"}},[_c('b-thead',[_c('b-th',[_vm._v(\"#\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")]),_c('b-th',[_vm._v(\"Heading\")])],1),_c('b-tbody',[_c('b-tr',[_c('b-th',[_vm._v(\"1\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"2\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1),_c('b-tr',[_c('b-th',[_vm._v(\"3\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")]),_c('b-td',[_vm._v(\"Cell\")])],1)],1)],1)]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Tables</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-1 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>The <code>.table </code> class adds basic styling to a table.</p>\n            <b-collapse id=\"collapse-1\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-1\">\n                    <code>\n&lt;b-table :items=\"items\"&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\"></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Table Head Options</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-2 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Similar to tables and dark tables, use the modifier classes <code class=\"highlighter-rouge\">.thead-light</code> or <code class=\"highlighter-rouge\">.thead-dark</code> to make <code class=\"highlighter-rouge\">&lt;thead&gt;</code>s appear light or dark gray.</p>\n            <b-collapse id=\"collapse-2\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-2\">\n                    <code>\n&lt;b-table :items=\"items\" head-variant=\"dark\"&gt;&lt;/b-table&gt;\n&lt;b-table :items=\"items\" head-variant=\"light\"&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\" head-variant=\"dark\"></b-table>\n            <b-table :items=\"items\" head-variant=\"light\"></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Borderless table</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-3 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Add <code class=\"highlighter-rouge\">.table-borderless</code> for a table without borders.</p>\n            <b-collapse id=\"collapse-3\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-3\">\n                    <code>\n&lt;b-table :items=\"items\" borderless&gt;&lt;/b-table&gt;\n&lt;p&gt;&lt;code class=\"highlighter-rouge\"&gt;.table-borderless&lt;/code&gt; can also be used on dark tables.&lt;/p&gt;\n&lt;b-table :items=\"items\" table-variant=\"dark\" borderless&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\" borderless></b-table>\n            <p><code class=\"highlighter-rouge\">.table-borderless</code> can also be used on dark tables.</p>\n            <b-table :items=\"items\" table-variant=\"dark\" borderless></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Small table</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-4 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Add <code class=\"highlighter-rouge\">.table-sm</code> to make tables more compact by cutting cell padding in half.</p>\n            <b-collapse id=\"collapse-4\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-4\">\n                    <code>\n&lt;b-table small :items=\"items\"&gt;&lt;/b-table&gt;\n&lt;b-table small :items=\"items\" table-variant=\"dark\"&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table small :items=\"items\"></b-table>\n            <b-table small :items=\"items\" table-variant=\"dark\"></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Captions</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-5 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>A <code class=\"highlighter-rouge\">&lt;caption&gt;</code> functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.</p>\n            <b-collapse id=\"collapse-5\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-5\">\n                    <code>\n&lt;b-table :items=\"items\"&gt;\n  &lt;template v-slot:table-caption&gt;List of users&lt;/template&gt;\n&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\">\n              <template v-slot:table-caption>List of users</template>\n            </b-table>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col lg=\"6\" sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Table Dark</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-6 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n          <p>You can also invert the colors—with light text on dark backgrounds—with <code class=\"highlighter-rouge\">.table-dark</code>.</p>\n            <b-collapse id=\"collapse-6\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-6\">\n                    <code>\n&lt;b-table :items=\"items\" table-variant=\"dark\"&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\" table-variant=\"dark\"></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Striped rows</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-7 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n          <p>Use <code class=\"highlighter-rouge\">.table-striped</code> to add zebra-striping to any table row within the <code class=\"highlighter-rouge\">&lt;tbody&gt;</code>.</p>\n            <b-collapse id=\"collapse-7\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-7\">\n                    <code>\n&lt;b-table :items=\"items\" striped&gt;&lt;/b-table&gt;\n&lt;b-table :items=\"items\" table-variant=\"dark\" striped&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\" striped></b-table>\n            <b-table :items=\"items\" table-variant=\"dark\" striped></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Hoverable rows</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-8 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Add <code class=\"highlighter-rouge\">.table-hover</code> to enable a hover state on table rows within a <code class=\"highlighter-rouge\">&lt;tbody&gt;</code>.</p>\n            <b-collapse id=\"collapse-8\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-8\">\n                    <code>\n&lt;b-table :items=\"items\" hover&gt;&lt;/b-table&gt;\n&lt;b-table :items=\"items\" table-variant=\"dark\" hover&gt;&lt;/b-table&gt;\n&lt;script&gt;\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table :items=\"items\" hover></b-table>\n            <b-table :items=\"items\" table-variant=\"dark\" hover></b-table>\n          </template>\n        </iq-card>\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Contextual classes</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-9 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Use contextual classes to color table rows or individual cells.</p>\n            <b-collapse id=\"collapse-9\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-9\">\n                    <code>\n&lt;b-table-simple&gt;\n  &lt;b-thead&gt;\n    &lt;b-th&gt;Variant&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n  &lt;/b-thead&gt;\n  &lt;b-tbody&gt;\n    &lt;b-tr variant=\"active\"&gt;\n      &lt;b-th&gt;Active&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;Default&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"primary\"&gt;\n      &lt;b-th&gt;Primary&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"secondary\"&gt;\n      &lt;b-th&gt;Secondary&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"success\"&gt;\n      &lt;b-th&gt;Success&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"danger\"&gt;\n      &lt;b-th&gt;Danger&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"warning\"&gt;\n      &lt;b-th&gt;Warning&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr variant=\"info\"&gt;\n      &lt;b-th&gt;Info&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n  &lt;/b-tbody&gt;\n&lt;/b-table-simple&gt;\n&lt;p&gt;Regular table background variants are not available with the dark table, however, you may use &lt;a href=\"https://getbootstrap.com/\" target=\"_blank\"&gt;text or background utilities&lt;/a&gt; to achieve similar styles.&lt;/p&gt;\n&lt;b-table-simple table-variant=\"dark\"&gt;\n  &lt;b-thead&gt;\n    &lt;b-th&gt;#&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n  &lt;/b-thead&gt;\n  &lt;b-tbody&gt;\n    &lt;b-tr class=\"bg-primary\"&gt;\n      &lt;b-th&gt;1&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;2&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr class=\"bg-success\"&gt;\n      &lt;b-th&gt;3&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;4&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr class=\"bg-info\"&gt;\n      &lt;b-th&gt;5&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;6&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr class=\"bg-warning\"&gt;\n      &lt;b-th&gt;7&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;8&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr class=\"bg-danger\"&gt;\n      &lt;b-th&gt;9&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n  &lt;/b-tbody&gt;\n&lt;/b-table-simple&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table-simple>\n              <b-thead>\n                <b-th>Variant</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n              </b-thead>\n              <b-tbody>\n                <b-tr variant=\"active\">\n                  <b-th>Active</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>Default</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"primary\">\n                  <b-th>Primary</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"secondary\">\n                  <b-th>Secondary</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"success\">\n                  <b-th>Success</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"danger\">\n                  <b-th>Danger</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"warning\">\n                  <b-th>Warning</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr variant=\"info\">\n                  <b-th>Info</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n              </b-tbody>\n            </b-table-simple>\n            <p>Regular table background variants are not available with the dark table, however, you may use <a href=\"https://getbootstrap.com/\" target=\"_blank\">text or background utilities</a> to achieve similar styles.</p>\n            <b-table-simple table-variant=\"dark\">\n              <b-thead>\n                <b-th>#</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n              </b-thead>\n              <b-tbody>\n                <b-tr class=\"bg-primary\">\n                  <b-th>1</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>2</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr class=\"bg-success\">\n                  <b-th>3</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>4</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr class=\"bg-info\">\n                  <b-th>5</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>6</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr class=\"bg-warning\">\n                  <b-th>7</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>8</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr class=\"bg-danger\">\n                  <b-th>9</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n              </b-tbody>\n            </b-table-simple>\n          </template>\n        </iq-card>\n      </b-col>\n      <b-col sm=\"12\">\n        <iq-card>\n          <template v-slot:headerTitle>\n            <h4 class=\"card-title\">Responsive tables</h4>\n          </template>\n          <template v-slot:headerAction>\n            <a class=\"text-primary float-right\" v-b-toggle.collapse-10 role=\"button\">\n              <i class=\"ri-code-s-slash-line\" />\n            </a>\n          </template>\n          <template v-slot:body>\n            <p>Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a <code class=\"highlighter-rouge\">.table</code> with <code class=\"highlighter-rouge\">.table-responsive</code>. Or, pick a maximum breakpoint with which to have a responsive table up to by using <code class=\"highlighter-rouge\">.table-responsive{-sm|-md|-lg|-xl}</code>.</p>\n            <b-collapse id=\"collapse-10\" class=\"mb-2\">\n              <div class=\"card\">\n                <kbd class=\"bg-dark\">\n                  <pre class=\"text-white\" id=\"table-10\">\n                    <code>\n&lt;b-table-simple responsive&gt;\n  &lt;b-thead&gt;\n    &lt;b-th&gt;#&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n    &lt;b-th&gt;Heading&lt;/b-th&gt;\n  &lt;/b-thead&gt;\n  &lt;b-tbody&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;1&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;2&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n    &lt;b-tr&gt;\n      &lt;b-th&gt;3&lt;/b-th&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n      &lt;b-td&gt;Cell&lt;/b-td&gt;\n    &lt;/b-tr&gt;\n  &lt;/b-tbody&gt;\n&lt;/b-table-simple&gt;\n</code></pre>\n                </kbd>\n              </div>\n            </b-collapse>\n            <b-table-simple responsive>\n              <b-thead>\n                <b-th>#</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n                <b-th>Heading</b-th>\n              </b-thead>\n              <b-tbody>\n                <b-tr>\n                  <b-th>1</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>2</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n                <b-tr>\n                  <b-th>3</b-th>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                  <b-td>Cell</b-td>\n                </b-tr>\n              </b-tbody>\n            </b-table-simple>\n          </template>\n        </iq-card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from '../../config/pluginInit'\nexport default {\n  name: 'TablesBasic',\n  mounted () {\n    core.index()\n  },\n  data () {\n    return {\n      items: [\n        { '#': '1', first: 'Mark', last: 'Otto', handle: '@mdo' },\n        { '#': '2', first: 'Jacob', last: 'Thornton', handle: '@fat' },\n        { '#': '3', first: 'Larry', last: 'the Bird', handle: '@twitter' }\n      ]\n      // items1: [\n      //   { '#': '1' , heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell' },\n      //   { '#': '2' , heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell' },\n      //   { '#': '3' , heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell', heading: 'Cell' }\n      // ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablesBasic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TablesBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TablesBasic.vue?vue&type=template&id=5c535c79&\"\nimport script from \"./TablesBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./TablesBasic.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}