title: Datatables, BS4 and Borders
body: <p>I want to remove the border lines between rows and cols in a jQuery DataTable but nothing seems to affect these lines.  I've tried all the BS table options I can think of and also many styling options.  Nothing seems to affect the lines.  The row divider lines appear to be double and column separator lines are fairly wide.  My basic question is: will anything affect the DataTable border lines or is this just baked into Datatables?</p>
  
  <p>I'm using these references:</p>
  
  <pre><code>   &lt;link href="~/lib/bootstrap4/dist/css/bootstrap.css" rel="stylesheet" /&gt;
  &lt;link href="~/lib/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet" /&gt;
      &lt;script src="~/lib/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="~/lib/datatables.net/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  &lt;script src="~/lib/bootstrap4/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="~/lib/datatables.net-bs4/js/dataTables.bootstrap4.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My Table classes are:</p>
  
  <pre><code> class="table table-striped"
  </code></pre>
  
  <p>My Head class is:</p>
  
  <pre><code>&lt;thead class="table-inverse" &gt;
  </code></pre>
  
  <p>Nothing else in the table is classed or styled it's a simple 5 col table populated in a Core MVC EF project.  The Javascript is:</p>
  
  <pre><code> $(document).ready(function () {
          $('#my-table').DataTable({
              "searching": false,
              "pageLength": 25,
              "info": false,
              "lengthChange": false,
              "renderer": "dataTables.bootstrap4",
              "columns": [
                  null,
                  null,
                  null,
                  { "orderable": false },
                  { "orderable": false }
              ]
          });
      });
  </code></pre>
  
  <p>I've tried all sorts of "renderer" options - including not using it.  I've tried many style variations of border:none or border collapsed or border lines of 0px, border line color, etc.  Nothing seems to impact that aspect of the DataTable.  However, the BS stripe class and the inverse header class work as expected.</p>
  
  <p>I feel the table looks ugly with the lines and want to get rid of them or mute their appearance.  I'm using BS4 everywhere else so want to stick with that. Any suggestions - thanks</p>