title: How to change the width of b-table th
body: <p>I want to expand the rows of the table as in screenshot.How do I change the width of the th?
  Is there any way how to add class to th</p>
  <p><a href="https://i.stack.imgur.com/F2pJs.png" rel="nofollow noreferrer">I want to</a></p>
  <pre><code>    logTableField: [
    { key: &quot;LogDate&quot;, label: &quot;Tarih&quot;,thClass: 'bg-white text-dark' },
    { key: &quot;LogUser&quot;, label: &quot;Analist&quot; },
    { key: &quot;Description&quot;, label: &quot; İşlem Açıklaması&quot; },
    { key: &quot;LogText&quot;, label: &quot;Kullanıcı Yorumu&quot; },
  ],
  
             &lt;b-tab title=&quot;Kayıt Logları&quot; v-if=&quot;this.Logs != null&quot;&gt;
            &lt;b-table
              id=&quot;logTable&quot;
              striped
              hover
              :items=&quot;Logs&quot;
              :fields=&quot;logTableField&quot;
              per-page=&quot;10&quot;
              :current-page=&quot;currentPageLog&quot;
            &gt;
              &lt;template slot=&quot;Description&quot; slot-scope=&quot;row&quot;&gt;
                &lt;div v-html=&quot;row.item.Description&quot;&gt;&lt;/div&gt;
              &lt;/template&gt;
            &lt;/b-table&gt;
            &lt;b-pagination
              v-model=&quot;currentPageLog&quot;
              :total-rows=&quot;Logs.length&quot;
              per-page=&quot;10&quot;
              aria-controls=&quot;my-table&quot;
            &gt;&lt;/b-pagination&gt;
          &lt;/b-tab&gt;
  </code></pre>