Nested data

[joneshf]

I have some objects that I want to display. It happens that sometimes the objects contains objects themselves. Currently, reactable just stringifies it, so you end up with "[object Object]" or some such. How do you want to handle nested data like this?

• JSON.stringify would also help arrays look more like arrays.
• Pushing the fields up and creating more columns is also an option so it would become something like this: http://evc-cit.info/cit040/screenshots/complex_table.gif
• Something else?

[glittershark]

Just thinking about the API requirements for supporting colspan and rowspan makes my head hurt. It's something we should totally do (flexibility!) but I don't think it's a reasonabe goal for 1.0.

As far as JSON.stringifying cell data goes, you should just be able to:

var source_data = [{ column1: 'regular value', column2: { an_object: 'with keys' } }];

<Reactable.Table data={source_data.map(function(row) {
    var newRow = {};
    for (var k in row) {
        var val = row[k];
        if (typeof(val) === 'string') {
            newRow[k] = val;
        } else {
            newRow[k] = JSON.stringify(val);
        }
    }
    return newRow;
})} />

Since it's pretty rare that end-users are going to be happy seeing JSON in their table cells anyway, I don't see much of a case for adding this to Reactable itself.

[glittershark]

#84 is the issue for supporting colspan and rowspan if you want to throw in your two cents there.