2016-12-08 3 views
3

Привет, я хочу добавить выбор строкиcheckbox в таблице данных, также необходимо добавить флажок к каждой строке. Так что он будет выбирать строку отдельно.Как добавить флажок выбора строки в таблице данных?

Спасибо.

+0

никакой подсказки о вашей рабочей окр, какой язык, рамки? – vels4j

+0

Я работаю в php framework, и я добавил datatable, чтобы показать результат из базы данных. – Hemant

+0

Проверить ссылки http://stackoverflow.com/questions/17671815/how-can-i-add-a-check-box-to-a-data-table-to-be-used-to-delete- выбранный ряд http://stackoverflow.com/questions/10794430/update-database-table-with-checkboxes-php-mysql – vels4j

ответ

3

Вы можете использовать следующий код JS:

$(document).ready(function() { 
    $('#example').DataTable({ 
     columnDefs: [ { 
      orderable: false, 
      className: 'select-checkbox', 
      targets: 0 
     } ], 
     select: { 
      style: 'os', 
      selector: 'td:first-child' 
     }, 
     order: [[ 1, 'asc' ]] 
    }); 
}); 

HTML

<table id="example" class="display" cellspacing="0" width="100%"> 
       <thead> 
       <tr> 
        <th></th> 
        <th>Name</th> 
        <th>Position</th> 
        <th>Office</th> 
        <th>Age</th> 
        <th>Salary</th> 
       </tr> 
      </thead> 
      <tr> 
       <td></td> 
       <td>Tiger Nixon</td> 
       <td>System Architect</td> 
       <td>Edinburgh</td> 
       <td>61</td> 
       <td>$320,800</td> 
      </tr> 
</table> 
Смежные вопросы