For some reason my datatable is not loading in IE8 but works fine with higher versions of IE. Below is the code:
var oTable = $('#XXXXXX').dataTable({
"bServerSide": true,
"bProcessing": true,
"sPaginationType": "full_numbers",
"sServerMethod": "POST",
"bPaginate": true,
"bLengthChange": true,
"sDom": "Tfrtip",
"sAjaxSource": "GetXXXXX",
"aoColumns": [
{
"aTargets": ["Id"],
"mData": "Id",
"bSearchable": true,
"bSortable": true,
"bVisible": false
},
{
"aTargets": ["UserName"],
"mData": "UserName",
"bSearchable": true,
"bSortable": true,
},
{
"aTargets": ["FirstName"],
"mData": "FirstName"
},
{
"aTargets": ["LastName"],
"mData": "LastName"
},
{
"aTargets": ["Email"],
"mData": "Email"
},
{
"aTargets": ["admin"],
"mData": "admin",
"mRender": function (data, type, full) {
if (data == "1") {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" checked value="' + data + '\"></div>';
} else {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" value="' + data + '\"></div>';
}
},
},
{
"aTargets": ["staff"],
"mData": "staff",
"mRender": function (data, type, full) {
if (data == "1") {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" checked value="' + data + '"></div>';
} else {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" value="' + data + '"></div>';
}
}
},
{
"aTargets": ["member"],
"mData": "member",
"mRender": function (data, type, full) {
if (data == "1") {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" checked value="' + data + '"></div>';
} else {
return '<div style=\"text-align: center\"><input type=\"checkbox\" disabled=\"disabled\" value="' + data + '"></div>';
}
}
},
]
});