title: how i can minimize column width in a table in html?
body: <p>i have a table like this</p>
  
  <p><a href="https://i.stack.imgur.com/2KlqD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2KlqD.png" alt=""></a></p>
  
  <p>but i want the options column to be small like this  </p>
  
  <p><a href="https://i.stack.imgur.com/cEo6C.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cEo6C.png" alt=""></a></p>
  
  <p>code(im using bootstrap 4):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table table-bordered table-hover"&gt;
                          &lt;thead class="table-primary"&gt;
                              &lt;tr class="text-center"&gt;
                                  &lt;th scope="col"&gt;#&lt;/th&gt;
                                  &lt;th scope="col"&gt;Nom&lt;/th&gt;
                                  &lt;th scope="col" colspan="2"&gt;Options&lt;/th&gt;
                              &lt;/tr&gt;
                              &lt;/thead&gt;
                          &lt;tbody class="table-light"&gt;
                          &lt;tr class="text-center"&gt;    
                                  &lt;th scope="row"&gt;&lt;?php echo $donnees[0]; ?&gt;&lt;/th&gt;
                                  &lt;td&gt;&lt;?php echo $donnees[1]; ?&gt;&lt;/td&gt;
                                  &lt;td&gt;&lt;a href="#"&gt;&lt;img src="res\images\edit-icon.svg" height="30x" title="modifier"&gt;&lt;/a&gt;&lt;/td&gt;
                                  &lt;td&gt;&lt;a href="#"&gt;&lt;img src="res\images\delete-icon.svg" height="30x" title="supprimer"&gt;&lt;/a&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;/tbody&gt;
                      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>