數據表 - 細胞操縱

我試圖使用jQuery數據表顯示，每行是一個新的票，並具有多種細胞是每張票票行：數據表 - 細胞操縱

客戶
狀態
優先
主題
日期

中排第È表明顯看默認如下

Client  Status  Priority  Subject  Date

然而，行的最終佈局將是：

Client      Status  Priority 

Subject          Date

我已經聯合使用以下代碼中的每個小區到相同的（第一）細胞然後實現期望的佈局的意圖。但它似乎並不是正確的解決方案。

"columnDefs": [ 
    { 

     "render": function (data, type, row) { 
      return data +' '+ row[1]+' '+ row[2]+' '+ row[3]+' '+ row[4]+' '+ row[5]; 

     }, 
     "targets": 0 
    }, 

    { "visible": false, "targets": [ 1,2,3,4,5 ]} 

    ],

這種類型的操作可能與jQuery DataTables？

來源

2015-08-14 Tristan Hulbert

你可以創建一個JsFiddle，所以我們可以嘗試使用它嗎？ – fedmich

您可以使用[行詳細示例]（http://datatables.net/examples/server_side/row_details.html）中的子行來顯示更多詳細信息。您可以根據需要格式化子行。這看起來像你想要的？ –

這應該工作：

var table = $('#example').DataTable({ 
    columns: [ 
     { 
      "render": function(data, type, row){ 
       return row[0] + "<br/>" + row[3]; 
      } 
     }, 
     null, 
     { 
      "render": function(data, type, row){ 
       return row[2] + "<br/>" + row[4]; 
      } 
     }, 
     { 
      "visible": false 
     }, 
     { 
      "visible": false 
     } 
    ] 
});

記住要改變你的thead雖然：在JSFiddle

<thead> 
    <tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Position</th> 
    </tr> 
     <th>Office</th> 
     <th colspan="2">Salary</th> 
    </tr> 
</thead>

工作示例。如果啓用它，您還需要對事物進行樣式設計，並且可能會考慮訂購。列名不符合你的要求，但結構相同。希望有所幫助。

來源

2015-08-15 08:02:49 annoyingmouse

數據表 - 細胞操縱

回答

相關問題