title: Tables in Bootstrap 4 with real width of columns
body: <p>I am trying to make something like this in Bootstrap 4, setting the columns of table in pixels, with fixed values, forcing the horizontal scroll inside the card, but is not working. The columns don't have the size I want. The columns sizes are going to be same for all devices.</p>
  <pre><code>   &lt;div class=&quot;row&quot;&gt;
         &lt;div class=&quot;col-12&quot;&gt;
             &lt;div class=&quot;card&quot;&gt;
                 &lt;div class=&quot;card-body&quot;&gt;
                     &lt;table class=&quot;table-sm table-hover table-bordered text-center&quot;&gt;
                         &lt;thead&gt;
                             &lt;tr class=&quot;text-uppercase font-size-1&quot;&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;&lt;/th&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;produto&lt;/th&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;status&lt;/th&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;sku&lt;/th&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;preço&lt;/th&gt;
                                 &lt;th width=&quot;500px&quot; class=&quot;font-weight-medium&quot;&gt;estoque&lt;/th&gt;
                             &lt;/tr&gt;
                         &lt;/thead&gt;
                     &lt;/table&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  <p>What am I doing wrong?</p>