jquery datatables with checkbox and two buttons

alim67

i want use Jquery dataTables .I Bound it with json data array.and i want check box to select and a check box to select all rows in header also I need two buttons in each row for some actions. I have html template I post it but i need bound my dataTable to json and I don't know how should do it

<

table class="table table-striped border-top" id="sample_1">
<thead>
<tr>
<th style="width: 8px;"><input type="checkbox" class="group- checkable" data-set="#sample_1 .checkboxes" /></th>
<th>row </th>
<th class="hidden-phone">user name </th>
<th class="hidden-phone">name</th>
<th class="hidden-phone">family</th>
<th class="hidden-phone">display name</th>
<th class="hidden-phone">status</th>
<th class="hidden-phone">remove</th>
</tr>
</thead>
<tbody>
<tr class="odd gradeX" style="background-color: #f9f9f9;">
<td><input type="checkbox" class="checkboxes" value="1" /></td>
<td>1</td>
<td class="hidden-phone">a </td>
<td class="hidden-phone">b </td>
<td class="hidden-phone">c </td>
<td class="hidden-phone">d</td>
<td class="hidden-phone"><img src="imags/ok3.png"></td>
<td class="hidden-phone"><a href="#myModalNorm" data-toggle="modal" data-target="#myModalNorm"><img src="imags/edit1.png" /></a></td>
</tr>
</tbody>