title: How do I make table border black on bootstrap for print
body: <p>I want to print my page where there's table in it. When i print it it always change to bootstrap default color. I'm using ctrl+p / cmd+p for printing. I'm using bootstrap 4 and laravel 5.7</p>
  
  <p>i've tried to use <code>!important;</code> still not working</p>
  
  <p>My CSS</p>
  
  <pre><code>&lt;style media="screen"&gt;
  @media print{
    .table thead tr td,.table tbody tr td {
       border: 1px solid #000000!important;
    }
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>My Table</p>
  
  <pre><code>&lt;table class="col-12 table table-bordered table-sm" &gt;
      &lt;thead class="thead-light"&gt;
        &lt;tr&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Quantity&lt;/th&gt;
          &lt;th&gt;Unit Price (IDR)&lt;/th&gt;
          &lt;th&gt;Amount (IDR)&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      @php
        $total=0;
      @endphp
      @foreach($ra-&gt;sale-&gt;details as $items)
        &lt;tr&gt;
          &lt;td&gt;{{ $items-&gt;good-&gt;name }}&lt;/td&gt;
          &lt;td&gt;{{ $items-&gt;qty }} pcs&lt;/td&gt;
          &lt;td&gt;{{ number_format($items-&gt;units,0,',','.') }}&lt;/td&gt;
          &lt;td&gt;{{ number_format($items-&gt;total,0,',','.') }}&lt;/td&gt;
        &lt;/tr&gt;
        @php
          $total += $items-&gt;total;
        @endphp
      @endforeach
  &lt;/table&gt;
  </code></pre>