nested data

is it possible to access values in nested data? i have [ { fields: { systemWorkItemType: "Feature", systemState: "New", systemReason: "New", systemTitle: "initial work item", systemBoardColumn: "New", systemBoardColumnDone: false, microsoftVSTSCommonStateChangeDate: "2016-12-07T14:02:24.24Z", microsoftVSTSCommonPriority: 2, microsoftVSTSCommonValueArea: "Business", microsoftVSTSCommonRisk: "3 - Low", weF_8107056482E145ECA07BC00173CF6A70_KanbanColumn: "New", weF_8107056482E145ECA07BC00173CF6A70_KanbanColumnDone: false, systemDescription: "a test description" }, id: 2, relations: [ ], rev: 4 } ]

im trying to add the field values into the table but neither "fields[“systemState”] or fields.systemState work? id and rev come out fine… e.g. column { title: "Name", field: "fields.systemTitle", sorter: "string", sortable: true }, any ideas?

[olifolkerd]

Hey,

You will be happy to hear that Tabulator 3.2 has just been released, and with it the the ability to bind columns to nested data, simply use dot notation in the field name:

{title:"age", field:"user.age"), //link column to age property inside user object

Full information can be found in the Column Definition Documentation

Cheers

Oli

[JeremyMorel]

One item to note for anyone wishing to use the function Oli has provided to “flatten” their data structure: There were two typos, which I have corrected in this version.
flatternRow should read flattenRow, and the line var flat = flattenData(row[prop]); should instead be var flat = flattenData(row[prop]);, else the function will fail at the foreach clause when it reaches the first nested object. Hopefully it saves someone a few cycles around the debugger! 😃

//flatten data

function flattenData(data){
	var output = [];
	function flatternRow(row){
		var outputRow = {};
		for(var prop in row){
			if(typeof row[prop] !== "object"){
				outputRow[prop] = row[prop];
			}else{
				var flat = flattenRow(row[prop]);
				for(var flatProp in flat){
					outputRow[prop + "_" + flatProp] = flat[flatProp];
				}
			}
		}
		return outputRow;
	}
	data.forEach(function(row){
		output.push(flatternRow(row));
	});
	return output;
}

//load data into table
$("#example-table").tabulator("setData", flattenData(data));