Question

I am using Data Tables and I get my data like it is shown in example

$('.data-table').dataTable({
        "bProcessing": true,
        "sAjaxSource": "/api/item/list",
        "aoColumns": [
            { "mData": "Title" },
            { "mData": "Price" }
        ]
});

However there is a problem, I need to take all my objects and wrap them in aaData for this to work like so

[HttpGet]
public dynamic List()
{
    var items = _db.Items.OrderBy(x => x.ID);

    var a = new {
        aaData = items
    };

    return a;
}

And this is bad for obvious reason that I need to modify my back-end for this instead of returning plain-old JSON. I’ve tried setting aaData instead of sAjaxSource but got errors and it didn’t worked. Any ideas on how can I fix this?

Answer 1

Instead of the property aaData, you can tell DataTables to use another property name with the sAjaxDataProp parameter. For example:

// Get data from { "data": { "inner": [...] } }
$(document).ready( function() {
  var oTable = $('#example').dataTable( {
    "sAjaxSource": "sources/data.txt",
    "sAjaxDataProp": "data.inner"
  } );
} );