When using a borderless bootstrap table, only the left fixed column has a bottom margin. The non-fixed right columns don't. I dunno yet, what change caused this, as this used to work a while ago IIRC.
The table-bordered class is suffixed with an x for easy toggling.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>DataTables Bootstrap 3 example</title>
<link rel="stylesheet" type="text/css" href=
"https://cdn.datatables.net/t/bs-3.3.6/jqc-1.12.0,dt-1.10.11,fc-3.2.1/datatables.min.css">
<script type="text/javascript" src=
"https://cdn.datatables.net/t/bs-3.3.6/jqc-1.12.0,dt-1.10.11,fc-3.2.1/datatables.min.js">
</script>
<script type="text/javascript">
/*<![CDATA[*/
$(document).ready(function() {
var table = $('#example').DataTable( {
scrollX: true,
scrollCollapse: true,
paging: false,
fixedColumns: true
} );
} );
/*]]>*/
</script>
</head>
<body>
<div class="container">
<table id="example" class="table table-striped table-borderedx table-condensed nowrap" cellspacing="0" width=
"100%" summary="example">
<thead>
<tr>
<th>First name</th>
<th>Last name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
<th>Extn.</th>
<th>E-mail</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger</td>
<td>Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
<td>5421</td>
<td>t.nixon@datatables.net</td>
</tr>
<tr>
<td>Garrett</td>
<td>Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
<td>8422</td>
<td>g.winters@datatables.net</td>
</tr>
<tr>
<td>Ashton</td>
<td>Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
<td>1562</td>
<td>a.cox@datatables.net</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
When using a borderless bootstrap table, only the left fixed column has a bottom margin. The non-fixed right columns don't. I dunno yet, what change caused this, as this used to work a while ago IIRC.
The
table-borderedclass is suffixed with anxfor easy toggling.