Question

我在这里有一个包含列表的页面：

http://liquidchurch.com/groups/groups-browse/

它使用WordPress，DataTables和CCB Core API插件，效果很好。

我需要向每个组添加一个描述，但描述太长而无法添加到表的末尾，所以我希望它显示在一个单独的行上但仍然“附加”到主在视觉外观和排序方面的行（关于组）。

这是我目前的代码：

https://gist.github.com/davidshq/2c54fae1d3fd73bc6eda7dc537c1abed

Answer 1

// set up the datatablse
    var table = $('#example').DataTable();

    // list of descriptions for each person
    var desc = {
        "Ashton Cox": "Ashton is a baller",
      "Cedric Kelly": "Died in the last harry potter movie",
      "Garrett Winters": "this guy is cold af"
    };

    // loop each row
    $('#example tbody').find("tr").each(function(){

      // get the name which matches the keys in our
      // descriptions, in this case it's in the first col
        var name = $(this).find("td").eq(0).text();
      if(!name.length) return;

      if(undefined === desc[name]) return;
      table.row($(this)).child(desc[name]).show();

    });

演示：https://jsfiddle.net/j767gs8t/1

如何使用DataTables使两行显示为一行？

1 个答案: