Управляемому, чтобы собрать воедино решение, которое работает, определенно может быть улучшено более опытными разработчиками. Благодаря #Arnauld и #Felix Kling - это решение основано на их вкладе SO.
<div id="example-table"></div>
<script>
var table = new Tabulator("#example-table", {
autoColumns:true,
height: 500,
layout: "fitData",
layoutColumnsOnNewData:true,
ajaxURL:"https://xxxxx.com/wp-json/frm/v2/forms/22/entries?",
ajaxResponse:function(url, params, response){
var obj = response;
var res = [];
Object.keys(obj).forEach(k => { //Convert nested objects to array of objects
Object.keys(obj[k]).forEach(v => {
(res[v] = (res[v] || { id: v }))[k] = obj[k][v];
});
});
res=res.meta; //Select the required object from array
var obj = res;
var data =[]; //Convert object to required array format needed for Tabulator
function toArray(obj) {
const result = [];
for (const prop in obj) {
const value = obj[prop];
if (typeof value === 'object') {
result.push(value);
}
else {
}
}
return result;
}
data=toArray(res);
return data;
},
});
</script>