title: bootstrap-vue table td element styling
body: <p>I have an issue by giving styles to the <code>&lt;td&gt;</code> tag of b-table element.</p>
  
  <p>This is the template:</p>
  
  <pre><code>    &lt;b-table
        :fields="fields"
        :items="items"
        class="mx-1 mt-2"
        v-if="items &amp;&amp; items.length &gt; 0"
      &gt;
        &lt;template
          slot="email"
          slot-scope="row"
        &gt;
          &lt;div :title="row.item.email"&gt;
            &lt;p class="user-email"&gt;{{row.item.email}}&lt;/p&gt;
          &lt;/div&gt;
        &lt;/template&gt;
      &lt;/b-table&gt;
  </code></pre>
  
  <p>And this is the fields: </p>
  
  <pre><code>    fields: [
        { key: "email", label: "Email"},
        { key: "user", label: "Name" },
        { key: "role", label: "Role" }
      ],
  </code></pre>
  
  <p>I want to give max-width of 300px to the <code>&lt;td&gt;</code> of this table. 
  Please help!</p>