Назначить идентификатор для строки данных из json-данных

Question

Я новичок в datatable jquery plugin. Я застрял в этом более двух дней. У меня есть JSON данные, я до сих пор не могу загрузить таблицу и я также хочу, чтобы назначить первый столбец быть идентификатор строки

Вот HTML:

<table cellpadding="0" cellspacing="0" border="0" class="display" 
    id="accDetailTable"> 
    <thead> 
     <tr> 
      <th>Currency</th> 
      <th>Current/Savings Account No.</th> 
      <th>Securities Account No.</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

и мой инициализации

var oTable=$('#accDetailTable').dataTable({ 
      "bProcessing": true, 
      "bServerSide": true, 
      "sAjaxSource": contextPath + "/user/investorAjax?method=getInvestorAccDetailList", 
      "iDeferLoading": 57, 
    }); 

Возврат jsonData с сервера:

{"sEcho":1,"iColumns":4,"iTotalRecords":16,"iTotalDisplayRecords":16, 
"aaData": 
    [{"DT_RowId":2032,"currency":1,"currentAccNo":"aa","secureAccNo":"aa"}, 
    {"DT_RowId":2033,"currency":1,"currentAccNo":"111","secureAccNo":"111"}, 
    {"DT_RowId":2034,"currency":1,"currentAccNo":"a","secureAccNo":"aa"}, 
    ]} 
} 

Но это всегда удар:

DataTables предупреждения (идентификатор таблицы = 'accDetailTable'): Добавлены данные (размер не определен) не соответствует известному количеству колонка (3)

Answer 1

Это своего рода легко. Давайте просто делать незначительные изменения, так как вы хотите, чтобы первый столбец содержит идентификатор, возможно, придется использовать fnRender, пожалуйста check the api of datatables, я не добавил эту часть кода:

var oTable=$('#accDetailTable').dataTable({ 
    "bProcessing": true, 
    "bServerSide": true, 
    "sAjaxSource": contextPath + "/user/investorAjax?method=getInvestorAccDetailList", 
    "aoColumns":[ 
     {"mDataProp":"currency"}, 
     {"mDataProp":"currentAccNo"}, 
     {"mDataProp":"secureAccNo"} 
    ] 
}); 

Answer 2

Your DataTables ждет три записи за строку, и вы даете ей четыре. В объявлении таблицы (в части html) укажите новую ячейку заголовка <th> в начале строки. Вы введете в него идентификаторы. Затем после инициализации DataTables вы можете скрыть первый столбец, используя fnSetColumnVis(index, visibility) функцию:

oTable.fnSetColumnVis(0, false); //It will hide your first column 

При том, что каждая строка, содержащая его идентификатор (DT_RowId), но не отображая его.