jQuery DataTables: Row selection using checkboxes and Select extension

We are pleased to introduce jQuery DataTables Checkboxes extension that makes it easy to add a checkbox columns to a table.

Example

Example below shows a data table using client-side processing mode where data is received from the server using Ajax.

Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary

Selected rows data:


Form data as submitted to the server:


Please visit dedicated jQuery DataTables Checkboxes page for more examples and documentation.

You Might Also Like

Comments

  1. Figured it out. Should have google search more.

    
            Reset
    
            var table = $('#myTable').DataTable();
    
            $('#btn-reset').on('click', function (e) {
                table.rows({ selected: true }).deselect();
                e.preventDefault();
            });
    
  2. Thank you for great plugin and tutorial.
    I have a question please . I need to post to my php script not only the ID but also
    the Name and Office (in the example above) , what to change in the code please ?

    Thank you!

  3. Very useful indeed, but i need some help for a simple use case:
    in my datatable i need to show some checkboxes as disabled (due some row item attributes) but the script override this option making every checkbox enabled (i can clearly see my disabled checkboxes turning enabled on the calling of initcomplete datatable event).

    Is there a way to keep default checkbox enabled/disabled status?

    Thanks in advance

  4. Hi Michel,when i only click on checkbox row should be selected,but when i click on anywhere in the row checkbox is getting clicked..can you help me with that

Leave a Reply

You may use simple HTML to add links or lists to your comment. Also use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support language-js, language-markup and language-css for comments.
(Optional)

This site uses Akismet to reduce spam. Learn how your comment data is processed.