Ecommerce - Products

Order manage and track orders!

List Of Order
ID Product Name Category Price Quantity Date Created Status Action
25 Product abc Clothes $320,800 236 2011/07/25 Published
59 Product abc Clothes $420,800 236 2011/07/25 Deleted
68 Product abc Clothes $870,800 236 2011/07/25 Not Published
89 Product abc Clothes $985,800 236 2011/07/25 Not Published
78 Product abc Clothes $965,800 236 2011/07/25 Deleted
87 Product abc Clothes $598,800 236 2011/07/25 Published
24 Product abc Clothes $264,800 236 2011/07/25 Published
27 Product abc Clothes $364,800 236 2011/07/25 Published
30 Product abc Clothes $485,800 236 2011/07/25 Published
32 Product abc Clothes $951,800 236 2011/07/25 Published
35 Product abc Clothes $324,800 236 2011/07/25 Published
ID Product Name Category Price Quantity Date Created Status Action
                                                        
<table id="example" class="display table table-striped table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Product Name</th>
            <th>Category</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Date Created</th>
            <th>Status</th>
            <th class="ecomm-action-icon">Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>25</td>
            <td>Product abc</td>
            <td>Clothes</td>
            <td>$320,800</td>
            <td>236</td>
            <td>2011/07/25</td>
            <td>
                <span class="label label-info label-wide">Published</span>
            </td>
            <td>
                <button type="button" class="btn btn-info btn-xs btn-labeled next-btn">Edit<span class="btn-label btn-label-right"><i class="fa fa-pencil"></i></span></button>
            </td>
        </tr>
        ...
    </tbody>
    <tfoot>
        <tr>
            <th>ID</th>
            <th>Product Name</th>
            <th>Category</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Date Created</th>
            <th>Status</th>
            <th class="ecomm-action-icon">Action</th>
        </tr>
    </tfoot>
</table>
<!-- ========== JS ========== -->
<script>
    $(function($) {
        $('#example').DataTable();
    });
</script>