Responsive : Cell contents in child rows change to [object Object] when table resized

cona

I have a responsive table that uses an Ajax call. When the table is original size the cell contents display fine but when the table is resized to show child rows , the cell contents that are derived from nested objects (last 3 columns below) display as [object Object]. When the table is expanded then the cell contents are rendered OK.

columns : [
{ data: null, render: function ( data, type, row )
{ return data.producer+', '+data.name;}
},
{ "data" : "country"},
{ data: null, render: function ( data, type, row )
{ return data.region + (data.subregion ? ', '+data.subregion : '' ) + ' '+(data.vineyard ? ', '+data.vineyard : '' ) }
},
{ "data" : "type"},
{ "data" : "vintages[].vintage"},
{ "data" : "vintages[].bottles[].rack"},
{ "data" : "vintages[].notes[].source"}_

allan

Can you give me a test case showing the issue please? Responsive should be using the display data for the cell.

Allan

cona

Hi Allan - I'm new to this and not too sure what you're asking. I'll give it a go
Here are two screen shots - one full screen and then one with the screen reduced.
Hopefully this isuseful

tangerine

Allan asked for a test case. See here:
https://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read#latest

cona

Thanks for the clarification regarding test cases.
Just wondering, how should I show the JSON objects? i

kthorngren

Take a small sample of rows of your JSON data and assign to a Javascript variable. Then use data to populate the Datatable.

Kevin

cona

Thanks Kevin

cona

Test case added as requested. http://live.datatables.net/toxehepo/1/edit

allan

I'm with you now - thank you for the test case.

The issue is that when you use [] in columns.data then it will return an array. You need to tell it to join the data using a combination string - e.g. [, ] for a comma space join: http://live.datatables.net/toxehepo/3/edit .

Allan

cona

Thanks Allan - much appreciated