-- 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();