Table


<head>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<script type="text/javascript" src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
</head>

<body>
<div class="specifications">
<script>
$(document).ready(function(){
    $('#myTable').DataTable();
});
</script>

<div id="example_wrapper" class="dataTables_wrapper">
  <table width="100%" cellspacing="0" class="display nowrap dataTable dtr-inline" id="myTable" role="grid" aria-describedby="example_info" style="width: 100%;">
    <thead>
      <tr role="row">
        <th class="sorting_asc" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 138px;" aria-sort="ascending" aria-label="Model: activate to sort column descending">Model</th>
        <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 215px;" aria-label="Roof Width: activate to sort column ascending">Roof Width</th>
        <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 103px;" aria-label="Body Width: activate to sort column ascending">Body Width</th>
        <th class="dt-body-right sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 42px;" aria-label="Height: activate to sort column ascending">Height</th>
        <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 93px;" aria-label="Projection: activate to sort column ascending">Projection</th>
        <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 93px;" aria-label="Wall Plate: activate to sort column ascending">Wall Plate</th>
        <th class="dt-body-right sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 78px;" aria-label="Watts: activate to sort column ascending">Watts</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <th rowspan="1" colspan="1">Model</th>
        <th rowspan="1" colspan="1">Roof Width</th>
        <th rowspan="1" colspan="1">Body Width</th>
        <th rowspan="1" colspan="1">Height</th>
        <th rowspan="1" colspan="1">Projection</th>
        <th rowspan="1" colspan="1">Wall Plate</th>
        <th rowspan="1" colspan="1">Watts</th>
      </tr>
    </tfoot>
    <tbody>
      <tr role="row" class="odd">
        <td class="sorting_1">1-8003-1</td>
        <td>16″</td>
        <td>6 1/2″</td>
        <td>9″</td>
        <td>20 1/2″</td>
        <td>9″ x 5″</td>
        <td>(1) 150W</td>
      </tr>
      <tr role="row" class="even">
        <td class="sorting_1">1-8003-2</td>
        <td>18″</td>
        <td>9″</td>
        <td>12 1/2″</td>
        <td>27 1/2″</td>
        <td>12″ x 6″</td>
        <td>(1) 150W</td>
      </tr>
    </tbody>
  </table>
</div>
</div>
</body>
</html>