数据表：将“行详细信息”的值分配给“列”的“标题”答案

【问题标题】：Datatables: Assign value of a 'row detail' to the "title" of 'column'数据表：将“行详细信息”的值分配给“列”的“标题”
【发布时间】：2015-10-20 04:44:40
【问题描述】：

这是我在行详细信息中的内容：

<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>'+...

这将显示为：

供应商：PetroBras

最小日期：09-01-2015

现在我想从其中附加一个值，例如 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 Toolkit，这样当我将鼠标悬停在“供应商”列上时，PetroBras 会显示为一个漂亮的工具提示。

谢谢！

【问题讨论】：

当你说你做不到时：{ "data": "Vendor", "className": 'dt-right', "title":"d['Name'}"，这不清楚。加上这是不正确的，它将是：{ "data": "Vendor", "className": 'dt-right', "title":d['Name'] }
@Twisty，谢谢，已修复。这是我尝试过的多种方法中的一个示例。目前正在尝试使用 DOM Navigation，希望这会有所帮助。
我想我看到了以前没有发现的问题。 d['Name'] 是另一个函数中的对象。所以创建新数据表时不能调用它。您正在将数据传递给format()，这样原始数据就可以传递给这个新的数据表了吗？
@Twisty，是的，这就是问题所在。我很难将数据从函数传递到新的数据表。有没有更简单的方法？
您能否链接到粘贴箱或使用更多信息更新您的帖子。您提供的示例无法让我理解您的所有代码在做什么，因此我无法真正扩展答案。

标签： jquery datatables jquery-tooltip

【解决方案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 里面什么都有。

【讨论】：