How to bind JQuery Datatable with list inside a class.

Question

Hi,

 

I am trying to bind multiple jquery datatable with single ajax call.  Below is code snippet. 

 

How do we bind jquery datable when list is inside class.

 

Ajax call will return  "ReportViewModel".  List which is required to bind datatable will inside this object.

 

example as below

public class ReportViewModel
{
public List AList { get; set; }
public List MList { get; set; }
public List ACList { get; set; }
}
public class ReportingDataViewModel
{
public string CN { get; set; }
public string RUrl { get; set; }
public string Status { get; set; }
public string StartTime { get; set; }
public string EndTime { get; set; }
}

how do i feed the data to datatable like data.Alist ??

 

$("#RolesTable").DataTable({

"processing": true, // for show progress bar

"serverSide": false, // for process server side

"filter": true, // this is for disable filter (search box)

"orderMulti": false, // for disable multiple column at once

"ajax": {

"url": "/Reports/GetReports",

"type": "POST",

"datatype": "json",

 

},

"columnDefs": [{

"targets": [0],

"visible": false,

"searchable": false

}],

 

please help.