Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- -- table --
- <table class="table table-vam table-striped" id="dday_label_table">
- <thead>
- <tr>
- <th style="width:20px"></th>
- <th class="table_checkbox" style="width:20px"><input type="checkbox" name="select_rows" class="select_rows" data-tableid="dday_label_table" /></th>
- <th>Icona</th>
- <th>Nome</th>
- <th>Stato</th>
- <th>Azioni</th>
- </tr>
- </thead>
- <tbody>
- <tr id="100">
- <td>1</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Multimedia</h5>
- </td>
- <td><span class="label label-success">Attiva</span> <span class="label label-warning">Menu</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="101">
- <td>2</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Social</h5>
- </td>
- <td><span class="label label-success">Attiva</span> <span class="label label-warning">Menu</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="102">
- <td>3</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>TV & Video</h5>
- </td>
- <td><span class="label label-success">Attiva</span> <span class="label label-warning">Menu</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="103">
- <td>4</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Android</h5>
- </td>
- <td><span class="label label-important">Non attiva</span> <span class="label label-warning">Menu</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="104">
- <td>5</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Gaming</h5>
- </td>
- <td><span class="label label-success">Attiva</span> <span class="label label-warning">Menu</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="105">
- <td>6</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Apple</h5>
- </td>
- <td><span class="label label-important">Non attiva</span> <span class="label label-warning">Menu</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- <tr id="106">
- <td>7</td>
- <td><input type="checkbox" name="row_sel" class="row_sel" /></td>
- <td style="width:70px">
- <img alt="" src="img/label.png" style="height:60px;width:60px" />
- </td>
- <td>
- <h5>Audio</h5>
- </td>
- <td><span class="label label-success">Attiva</span> <span class="label">Visibile</span></td>
- <td>
- <div class="btn-group">
- <a href="#" class="btn btn-mini" title="Edit"><i class="icon-pencil"></i></a>
- <a href="#" class="btn btn-mini" title="Activate"><i class="icon-ok-circle"></i></a>
- <a href="#" class="btn btn-mini" title="Disattiva"><i class="icon-minus-sign"></i></a>
- <a href="#" class="btn btn-mini" title="Delete"><i class="icon-trash"></i></a>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- -- js code --
- $('#dday_label_table').dataTable({
- bJQueryUI: true,
- "sPaginationType": "bootstrap",
- "bAutoWidth": false
- }).rowReordering();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement