DataTablesを使用して2つの行を1つにする方法

Question

私はここのグループのリストを持つページがあります。

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

これはWordPress、DataTableの、そしてCCBコア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