2015-10-19 65 views
0

這是我行的細節:數據表:在「列」的「稱號」一「行細節」的分配值

<script> 
/* Formatting function for row details - modify as you need */ 
function format (d) { 
return '<table><tr><td style="vertical-align: top !important;"><table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' + 
    '<tr title="This company is PetroBras, which is in Brasil.">'+ 
     '<td><strong>Vendor</strong>:</td>'+ 
     '<td style="text-align: right">' + d['Name'] + '</td>'+ 
    '</tr>'+ 
    '<tr title="Earliest date orders are due.">'+ 
     '<td><strong>Min Date</strong>:</td>'+ 
     '<td style="text-align: right">' + d['Min Date'] + '</td>'+ 
    '</tr>'+... 

這將顯示爲:

供應商:巴西國家石油公司

敏時間:2015年9月1日

現在我想從它附加價值,比方說,d['Name'],並使其成爲供應商列在下面的標題屬性:

var table = $('#peacecard').DataTable({ 
    "ajax": "http://localhost:8080/peace_reports/data.php", 
    "columns": [ 
     { 
     "className":  'details-control', 
     "orderable":  false, 
     "data":   null, 
     "defaultContent": '' 
     }, 
     { "data": "Name" }, 
     { "data": "Vendor", "className": 'dt-right' }, 
     { "data": "Department", "className": 'dt-right' }... 

我不能讓它像{ "data": "Vendor", "className": 'dt-right', "title":"d['Name'] }"

最終的想法是爲它使用jQueryUI工具包,這樣當我將鼠標懸停在「供應商」列上時,PetroBras將顯示爲一個漂亮的工具提示。

謝謝!

+0

當你說你不能這樣做:'{「data」:「Vendor」,「className」:'dt-right',「title」:「d ['Name'}」',那還不清楚。加上這是不正確的,它會是:'{「data」:「Vendor」,「className」:'dt-right',「title」:d ['Name']}' – Twisty

+0

@Twisty,謝謝,修正。這是我嘗試過很多方式的一個例子。目前嘗試使用DOM導航,希望這會有所幫助。 –

+0

我想我看到了以前沒有捕捉到的問題。 'd ['Name']'是另一個函數中的一個對象。所以在創建新的數據表時你不能調用它。你將數據傳遞給'format()',這樣原始數據就可以傳遞給這個新的數據表了嗎? – Twisty

回答

1
"columns": [ 
{ "data": "case", "render": function(data, type, row, meta){ 
           if (data == "true"){ 
           var allCase = row['case2']; 
           data = "<i title="+ allCase +" id='thei'; } 
           else { data = ""; } 
           return data; }, 
           "className": 'dt-center'} 

我發現row裏面有一切。