diff --git a/splunk_add_on_ucc_framework/ucc_ui_lib/src/main/webapp/components/table/TableExpansionRow.jsx b/splunk_add_on_ucc_framework/ucc_ui_lib/src/main/webapp/components/table/TableExpansionRow.jsx index efabe27cd..197f9a12f 100644 --- a/splunk_add_on_ucc_framework/ucc_ui_lib/src/main/webapp/components/table/TableExpansionRow.jsx +++ b/splunk_add_on_ucc_framework/ucc_ui_lib/src/main/webapp/components/table/TableExpansionRow.jsx @@ -4,34 +4,32 @@ import Table from '@splunk/react-ui/Table'; import { _ } from '@splunk/ui-utils/i18n'; function getExpansionRowData(row, moreInfo) { - return ( - moreInfo && - moreInfo.length && + const DefinitionLists = []; + if (moreInfo?.length) { moreInfo.map((val) => { const label = _(val.label); - return ( - <> - {row[val.field] && ( - <> - {label} - - {val.field === 'disabled' - ? val.mapping[row[val.field]] - : `${row[val.field]}`} - - - )} - - ); - }) - ); + if (val.field in row) { + DefinitionLists.push({label}); + DefinitionLists.push( + + {val.mapping + ? val.mapping[row[val.field]] + ? val.mapping[row[val.field]] + : row[val.field] + : row[val.field]} + + ); + } + }); + } + return DefinitionLists; } export function getExpansionRow(colSpan, row, moreInfo) { return ( -
{getExpansionRowData(row, moreInfo)}
+
{getExpansionRowData(row, moreInfo)}
);