Как добавить дополнительные столбцы в jQuery datatable

Question

Кто-нибудь знает, как добавить дополнительные столбцы в jQuery datatable? У меня есть jQuery datatable с пятью столбцами, и я хотел бы добавить два дополнительных столбца.

<table class="table table-bordered table-striped table_vam" id="dt_gal"> 
    <thead> 
     <tr> 
      <th class="table_checkbox"> 
       <input type="checkbox" name="select_rows" class="select_rows" data-tableid="dt_gal" /> 
      </th> 
      <th>Product Name</th> 
      <th>Product Code</th> 
      <th>Description</th> 
      <th>Start Price</th> 
      <th>Reg Fee</th> 
      <th>DateCreated</th> 
      <th>Actions</th> 
     </tr> 
    </thead> 
    <tbody> 
     <c:forEach var="product" items="${PRODUCTS}"> 
      <tr> 
       <td> 
        <input type="checkbox" name="row_sel" class="row_sel" /> 
       </td> 
       <td>${product.productname}</td> 
       <td>${product.code}</td> 
       <td>${product.description}</td> 
       <td>${product.startPrice}</td> 
       <td>${product.registrationFee}</td> 
       <td>${product.dateCreated}</td> 
       <td><a href="${PREFIX}/product?edit=true&id=${product.id}" class="sepV_a" title='Edit'><i class='icon-pencil'></i> 
              Edit </a> 
        <!-- <a href="#" title='Delete'><i class='icon-trash'></i></a></td> --> 
      </tr> 
     </c:forEach> 
    </tbody> 
</table> 

Я редактировал блок ниже, но это не удалось, так как таблица не показывает из
var iListLength = 5; в var iListLength = 7;

"fnUpdate": function (oSettings, fnDraw) { 
     var iListLength = 5; 
     var oPaging = oSettings.oInstance.fnPagingInfo(); 
     var an = oSettings.aanFeatures.p; 
     var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2); 

Answer 1

я добавил ниже в моем datatable.js и теперь все добавленные столбцы являются видимыми.

Благодаря

  oTable = $('#dt_e').dataTable({ 
      "bProcessing": true, 
      "bServerSide": true, 
      "sPaginationType": "bootstrap", 
      "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>", 
      "sAjaxSource": "lib/datatables/server_side.php", 
      "aoColumns": [ 
       { "sClass": "center", "bSortable": false }, 
       **{ "sClass": "center" }, 
       { "sClass": "center" }, 
       { "sWidth": "20%" }, 
       { "sWidth": "20%" }, 
       { "sClass": "center" }, 
       { "sClass": "center" }, 
       { "sClass": "center" }** 

      ], 
      "aaSorting": [[1, 'asc']] 
     }); 

Answer 2

Это не так много, вопрос Jquery-DataTables, и yes, html, так как результатом будет созданная вами структура таблицы.

Колонна состоит из

th = заголовочных ячеек таблицы

td = клеток

и линии

tr = рядных

если таблица выглядит

<table> 
<tr> 
    <th>Field1</th> 
    <th>Field2</th> 
    <th>Field3</th> 
    <th>Field4</th> 
    <th>Field5</th> 
</tr> 
<tr> 
    <td>value1</td> 
    <td>value2</td> 
    <td>value3</td> 
    <td>value4</td> 
    <td>value5</td> 
</tr> 
[...] 
<table> 

Вам нужно будет добавить 2 <th> для ваших заголовков столбцов и 2 <td> для полея

<table> 
<tr> 
    <th>Field1</th> 
    <th>Field2</th> 
    <th>Field3</th> 
    <th>Field4</th> 
    <th>Field5</th> 
    <th>Field6</th> 
    <th>Field7</th> 
</tr> 
<tr> 
    <td>value1</td> 
    <td>value2</td> 
    <td>value3</td> 
    <td>value4</td> 
    <td>value5</td> 
    <td>value6</td> 
    <td>value7</td> 
</tr> 
[...] 
<table>