## Ecommerce - Products

Order manage and track orders!

Toggle Code!

##### 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>