diff --git a/frontend/src/Editor/Components/Table.jsx b/frontend/src/Editor/Components/Table.jsx index bc6bd69861..4157a8a2f2 100644 --- a/frontend/src/Editor/Components/Table.jsx +++ b/frontend/src/Editor/Components/Table.jsx @@ -1,5 +1,5 @@ import React from 'react'; -import { resolve } from '@/_helpers/utils'; +import { resolve, findProp } from '@/_helpers/utils'; export const Table = function Table({ id, component, onComponentClick, currentState, onEvent }) { @@ -15,6 +15,10 @@ export const Table = function Table({ id, component, onComponentClick, currentSt data = resolve(component.definition.properties.data.value, currentState, []); console.log('resolved param', data); } + + function findColumnValue(row, name) { + return findProp(row, name); + } // Quick fix, need to remove later data = data ? data : []; @@ -40,7 +44,7 @@ export const Table = function Table({ id, component, onComponentClick, currentSt {data.map((row => { e.stopPropagation(); onEvent('onRowClicked', { component, row }); }}> - {columns.map((column) => {row[column.name]})} + {columns.map((column) => {findColumnValue(row, column.name)})} {actions.value.length > 0 &&