jquery datatables add checkbox with ajax server side response

Question

I am using C# ASP .NET MVC and ajax calls. I am able to get the display of the table along with all features.

But, I don't understand how do I add a checkbox and button. I have tried dom-checkbox as well but can't get it to work.

Any help is appreciated.

My code looks like this:

$(document).ready(function () {

$('#personTable').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "/Home/GetCustomData",
            "aoColumns": [
                         { "sSortDataType": "dom-checkbox", "sTitle": "Select", 
                                     sName": "" },
                         { "sName": "ID", "sTitle": "ID" },
             { "sName": "FirstName", "sTitle": "First Name" },
             { "sName": "Email", "sTitle": "Email"}]
        });
    });

My Html is : [table border="1" id="personTable" class="display"] [/table]

Answer 1

Simply you need to return checkbox html code in your response. In your json response add something like this:

...
"aaData":[
[
...
    "<input type=\"checkbox\" />",
...
]

(You can also use html as type for this column, but probably sorting and other features like that will be disabled for columns with checkboxes, so this has no impact at all.)