DataTables - Bootstrap

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/r/bs-3.3.5/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/bs-3.3.5/dt-1.10.9/datatables.min.js"></script>
<table class="table table-responsive dataTable" id="products-table">
    <thead>
        <tr><th>Image</th>
        <th>Code</th>
        <th>Weight</th>
        <th>Jarti</th>
        <th>Wages</th>
        <th>Amount</th>
        <th class="no-sort">Status</th>
        <th class="no-sort">Action</th>
    </tr></thead>
    <tbody>
            <tr>
            <td>
                 <img src="/images/designs/4.JPG" style="width:120px;" class="img img-responsive" alt="Gold Ring">
            </td>
            <td>RRS</td>
            <td>0.00000</td>
            <td>0.00000</td>
            <td>0.00000</td>
            <td>0.00000</td>
            <td>
                  <span for="" class="label label-warning">In Progress</span>
            </td>
            <td>
                <form method="POST" action="/products/3" accept-charset="UTF-8"><input name="_method" type="hidden" value="DELETE"><input name="_token" type="hidden" value="5fkON57zDrYwdBZjL5PHjNfi1cgFQhkTg5laynQ6">
                <div class="btn-group">
                    <a href="/products/3" class="btn btn-default btn-xs"><i class="glyphicon glyphicon-eye-open"></i></a>
                    <a href="/products/3/edit" class="btn btn-default btn-xs"><i class="glyphicon glyphicon-edit"></i></a>
                    <button type="submit" class="btn btn-danger btn-xs" onclick="return confirm('Are you sure?')"><i class="glyphicon glyphicon-trash"></i></button>
                </div>
                </form>
            </td>
        </tr>
        </tbody>
</table>

JavaScript

$(document).ready(function (){
    var table = $('#products-table').DataTable();
});