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