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 to download the code, view examples and documentation.

You May Also Like

Comments

  1. Hi Michael,

    Nice plug in, works fine, and save a lot of time…

    I noticed that when I only click on a few boxes, the upon checkbox icon does show a hook [✓] as if all are selected, and not a [-] as you show on your homepage. you can check here :

    https://jsbin.com/qehoneg/edit?html,output#H:L1

    It would be nice to be able to put a checkbox in a data column with boolean or string data [true,false], and have render the checkbox in accordance with the data, checked = true, unchecked = false.

    Have an option like this

    checkboxes: 

    {

    status : true, 

    checkvalue : [true,false] (default values)

    or

    checkvalue : [“Yes”,”No”]

    or

    checkvalue : [“Y”,”N”]

    or

    checkvalue : [“important”,”not important”]

    etc…….

    },

    also to callback the result of checkbox clicking back to the datatable. When I click it, the data would change in accordance to the check box.

    what do you think about this idea ?

    best regards

  2. Hello
    In your example, when I press the Submit button, the row number is displayed in the “Selected rows data” area, whereas on my end it says: <input type=”checkbox” class=”checkbox” name=”ids[]” value=”141″>. I only want to retrieve the log number. How do I do it?

    Thanks in advance

Leave a Reply

(optional)

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