hanskishore hanskishore - 1 year ago 89
jQuery Question

How to add checkbox to jquery datatables header?

I would like to add a checkbox or span to a header of datatables table. I don't want to add it in the Html, I want that to do that from javascript at the initialization. Please suggest me.

Answer Source

Well I did not want to change the html, it's not that a big a change I had to do, just had to add some html at the initialization.

    nTable = $('#tblExample').dataTable({
        "bJqueryUI": true,
        "bPaginate": false,
        "bSortable": false,
        "aoColumns": [

                    {   "sTitle": "<input type='checkbox'></input>","mDataProp": null, "sWidth": "20px", "sDefaultContent": "<input type='checkbox' ></input>", "bSortable": false},
                    {   "mDataProp": "Year"},
                    {   "mDataProp": "Month"},
                    {   "mDataProp": "Savings"}

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download