How to add row selection checkbox in data table?

Question

Hi i want to add the row selection check box in data table, also need to add the check box against every row. So that it will select the row individually.

Thanks.

no clue about your working env, what kind of language, framework? — vels4j
– vels4j, Commented Dec 8, 2016 at 5:37
I am working in php framework, and i have added the datatable to show the result from databade. — Hemant
– Hemant, Commented Dec 8, 2016 at 5:39
Check this links stackoverflow.com/questions/17671815/… stackoverflow.com/questions/10794430/… — vels4j
– vels4j, Commented Dec 8, 2016 at 5:41

Nitin Pawar · Accepted Answer · 2016-12-09 12:37:29Z

3

You can use following code 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>

edited Dec 9, 2016 at 12:37

answered Dec 8, 2016 at 12:33

Nitin Pawar

2635 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zac Grierson Over a year ago

I have a feeling this wouldnt add the checkbox if you used row.add([])

Collectives™ on Stack Overflow

How to add row selection checkbox in data table?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related