Fix datatable canvas element to use column id instead of name

elastic · Aug 30, 2021 · e2d291d · e2d291d
1 parent b354b97
commit e2d291d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/x-pack/plugins/canvas/public/components/datatable/datatable.tsx b/x-pack/plugins/canvas/public/components/datatable/datatable.tsx
@@ -40,6 +40,8 @@ const getIcon = (type: DatatableColumnType | null) => {
 
 const getColumnName = (col: DatatableColumn) => (typeof col === 'string' ? col : col.name);
 
+const getColumnId = (col: DatatableColumn) => (typeof col === 'string' ? col : col.id);
+
 const getColumnType = (col: DatatableColumn) => col.meta?.type || null;
 
 const getFormattedValue = (val: any, type: any) => {
@@ -85,7 +87,7 @@ export const Datatable: FC<Props> = ({
                 <tr key={i} className="canvasDataTable__tr">
                   {datatable.columns.map((col) => (
                     <td key={`row-${i}-${getColumnName(col)}`} className="canvasDataTable__td">
-                      {getFormattedValue(row[getColumnName(col)], getColumnType(col))}
+                      {getFormattedValue(row[getColumnId(col)], getColumnType(col))}
                     </td>
                   ))}
                 </tr>