title: Why bootstrap table example not working for me?
body: <p>I have a some project with table like <a href="https://bootstrap-vue.js.org/docs/components/table/#scoped-field-slots" rel="nofollow noreferrer">this bootstrap table</a>.</p>
  
  <p><a href="https://codesandbox.io/s/vue-template-ufm24?fontsize=14" rel="nofollow noreferrer">Codesandbox</a></p>
  
  <p><strong>template:</strong></p>
  
  <pre><code>&lt;b-table small :fields="fields" :items="items"&gt;
        &lt;template v-slot:cell(index)="data"&gt;
          {{ data.index + 1 }}
        &lt;/template&gt;
  
        &lt;!-- A custom formatted column --&gt;
        &lt;template v-slot:cell(name)="data"&gt;
          &lt;b class="text-info"&gt;{{ data.value.last.toUpperCase() }}&lt;/b&gt;, &lt;b&gt;{{ data.value.first }}&lt;/b&gt;
        &lt;/template&gt;
  
        &lt;!-- A virtual composite column --&gt;
        &lt;template v-slot:cell(nameage)="data"&gt;
          {{ data.item.name.first }} is {{ data.item.age }} years old
        &lt;/template&gt;
  
        &lt;!-- Optional default data cell scoped slot --&gt;
        &lt;template v-slot:cell()="data"&gt;
          &lt;i&gt;{{ data.value }}&lt;/i&gt;
        &lt;/template&gt;
      &lt;/b-table&gt;
  </code></pre>
  
  <p><strong>And script:</strong></p>
  
  <pre><code>fields: [
            // A virtual column that doesn't exist in items
            'index',
            // A column that needs custom formatting
            { key: 'name', label: 'Full Name' },
            // A regular column
            'age',
            // A regular column
            'sex',
            // A virtual column made up from two fields
            { key: 'nameage', label: 'First name and age' }
          ],
          items: [
            { name: { first: 'John', last: 'Doe' }, sex: 'Male', age: 42 },
            { name: { first: 'Jane', last: 'Doe' }, sex: 'Female', age: 36 },
            { name: { first: 'Rubin', last: 'Kincade' }, sex: 'Male', age: 73 },
            { name: { first: 'Shirley', last: 'Partridge' }, sex: 'Female', age: 62 }
          ]
  </code></pre>
  
  <p>Bootstrap table works. I am copy this code and example not work. And I do not understand why.</p>
  
  <p>Question: So, Why bootstrap table example not working?</p>