custom my data table

gistfile1.js

var hosts_tab_content = '\
  <div class="row">\
    <div class="six columns">\
<table id="datatable_test" class="datatable six">\
  <thead>\
    <tr>\
      <th>' + tr("ID") + '</th>\
      <th>' + tr("Name") + '</th>\
      <th>' + tr("Cluster") + '</th>\
      <th>' + tr("RVMs") + '</th>\
      <th>' + tr("Real CPU") + '</th>\
      <th>' + tr("last col") + '</th>\
    </tr>\
  </thead>\
  <tbody>\
  </tbody>\
</table>';


var dataTable_hosts;

//Setup actions
var host_actions = {

    "Mymy.list" : {
        type: "custom",
        call: function() {
        $.getJSON("http://localhost:4567/json",
		function(data){return data});
        },
        callback: updateHostsView,
        error: onError
    },

};


var hosts_tab = {
    title: tr("Dummy2"),
    content: hosts_tab_content,
};

Sunstone.addActions(host_actions);
Sunstone.addMainTab('dummy2-tab',hosts_tab);



//callback to update the list of hosts.
function updateHostsView (request,data){
    var host_list_array = [];
    // push the array to it
    alert(data.ay);
    host_list_array.push(data.ay);
    alert(host_list_array);
    updateView(host_list_array,dataTable_hosts);
}


$(document).ready(function(){
    var tab_name = 'dummy2-tab';
    //prepare host datatable
    dataTable_hosts = $("#datatable_test",main_tabs_context).dataTable({
        "aoColumnDefs": [
            { "bSortable": false, "aTargets": [5,6,7,8] },
            { "bVisible": true, "aTargets": Config.tabTableColumns(tab_name)},
            { "bVisible": false, "aTargets": ['_all']}
        ]
    });
    Sunstone.runAction("Mymy.list");

});