Как отобразить столбец динамически Javascript массив динамически внутри JQuery DataTables

Question

Я получил локальный JSON плоский DataSource, как показано ниже

var dataSet = [ 
    [ 
     "481.55", 
     "10.40" 

    ], 
    [ 
     "561.30", 
     "-2.55" 

    ], 
    [ 
     "368.20", 
     "33.45" 

    ] 

]; 

И я использую Jquery DataTables для отображения данных в табличном формате таким образом

$(function() 
    { 

     $('#example').dataTable({ 
     "data": dataSet, 
     "columns": [ 
      { "title": "Price" }, 
      { "title": "Volume" } 


     ] 
    }); 

    }) 

Это мой jsfiddle

http://jsfiddle.net/cv04pp37/9/

При этом данные отображаются таким образом

**

Price Volume 
368.20 33.45 
481.55 10.40 
561.30 -2.55 

**

Я получил яваскрипт массива, как показано ниже, где первое значение относится к первому значению DATASET массива и так далее

var array_names =['ONE','TWO','THREE']; 

Мой вопрос, можно ли показать еще один дополнительный имя столбца в Jquery DataTables так, что это выглядит так

Name Price Volume 
ONE  368.20 33.45 
TWO  481.55 10.40 
THREE  561.30 -2.55 

Answer 1

В JQuery DataTables не поддерживает добавление столбцов динамически, но есть осуществимость скрыть/отфильтровать столбец, если вы не хотите. По моим сведениям, это может быть достигнуто 2 способами

1. Подготовьте набор данных (с 3-х значений столбца), а затем инициализировать DataTable с набором данных.
2. создать таблицу с тремя заголовками столбцов в представлении и заполнить таблицу содержимым на загрузке страницы или заполнить данные через вызов ajax.