Displaying cells underneath each other
Displaying cells underneath each other

I'm attempting to use data tables to show rows of tickets with each row being a new ticket and each ticket having various cells being;
Client
Status
Priority
Subject
Date
Rows in the table obviously look as follows by default
Client Status Priority Subject Date
Client Status Priority Subject Date
Client Status Priority Subject Date
However, the eventual layout of a row would be;
Client Status Priority
Subject Date
Client Status Priority
Subject Date
Client Status Priority
Subject Date
I have combined each cell into the same (first) cell using the code below with the intention of then achieving the desired layout. However it doesn't appear to be the right solution.
"columnDefs": [
{
"render": function ( data, type, row ) {
return data +' '+ row[1]+' '+ row[2]+' '+ row[3]+' '+ row[4]+' '+ row[5];
},
"targets": 0
},
{ "visible": false, "targets": [ 1,2,3,4,5 ]}
],
Is this type of manipulation possible with data tables?
Many thanks in advance.
Tristan