Wie werden zwei Zeilen als eine mit DataTables angezeigt?

Question

Ich habe eine Seite mit einer Liste von Gruppen hier:

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

Es Wordpress, Tables verwendet, und der CCB Core-API-Plug-und funktioniert gut.

Ich muss zu jeder Gruppe eine Beschreibung hinzufügen, aber die Beschreibungen sind zu lang, um sie am Ende der Tabelle einzufügen, also würde ich gerne in einer separaten Zeile erscheinen, aber trotzdem an die Hauptreihe (über die Gruppe) sowohl im visuellen Erscheinungsbild als auch für Sortierzwecke.

Hier ist meine aktuellen Code ist:

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(); 

    }); 

Demo: https://jsfiddle.net/j767gs8t/1