How to place javascript object within datatables JSON?

Question

I am using the datatables jquery plugin. I am trying to use it as a shared function so that I can call a datatable from numerous pages without putting a huge amount of code on each page.

So I am trying to make a variable for the columns that get passed to the datatables function:

var columnsObj = {"columns": [
    {"sName": "first_name","sTitle": "First Name","bSearchable": "true"},
    {"sName": "last_name","sTitle": "Last Name","bSearchable": "true"},
    {"sName": "email","sTitle": "Email","bSearchable": "true"}
]};

How would I take the above code and place that into the datatables function below properly?

Do i need to loop over the object? Or can I just include it somehow like below?

oTable = $("table.datatable").dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "getjson.cfc?method=tableData",
    "aoColumns": [columnsObj]
});

T. Stone · Accepted Answer · 2012-02-07 22:56:39Z

2

You can access columns as a property on columnsObj.

'aoColumns': columnsObj.columns

(just to be thorough, you can also access it by it's string name too as an indexer...

'aoColumns': columnsObj['columns']

)

answered Feb 7, 2012 at 22:56

T. Stone

19.5k15 gold badges72 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

RandyLahey Over a year ago

Wow, that was a lot simpler than I thought. Thanks!

Collectives™ on Stack Overflow

How to place javascript object within datatables JSON?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related