Handled the dot notation and value 0 in LogsTable (#357)

Author: praveen5959

src/pages/Stream/Views/Explore/StaticLogTable.tsx

@@ -29,6 +29,31 @@ const TableContainer = (props: { children: ReactNode }) => {
 
 const localTz = timeRangeUtils.getLocalTimezone();
 
+type CellType = string | number | boolean | null | undefined;
+
+const getSanitizedValue = (value: CellType, isTimestamp: boolean) => {
+	if (isTimestamp) {
+		const timestamp = String(value).trim();
+		const isValidTimestamp = !isNaN(Date.parse(timestamp));
+
+		if (timestamp && isValidTimestamp) {
+			return formatLogTs(timestamp);
+		} else {
+			return '';
+		}
+	}
+
+	if (value === null || value === undefined) {
+		return '';
+	}
+
+	if (typeof value === 'boolean') {
+		return value.toString();
+	}
+
+	return String(value);
+};
+
 const makeHeaderOpts = (headers: string[], isSecureHTTPContext: boolean, fieldTypeMap: FieldTypeMap) => {
 	return _.reduce(
 		headers,
@@ -42,19 +67,15 @@ const makeHeaderOpts = (headers: string[], isSecureHTTPContext: boolean, fieldTy
 					header: isTimestamp ? `${header} (${localTz})` : header,
 					grow: true,
 					Cell: ({ cell }: { cell: any }) => {
-						const value = _.isFunction(cell.getValue) ? cell.getValue() : '';
+						const value = _.get(cell.row.original, header, '');
 						const isTimestamp = _.chain(cell)
 							.get('column.id', null)
 							.thru((val) => {
 								const datatype = _.get(fieldTypeMap, val, null);
 								return datatype === 'timestamp';
 							})
 							.value();
-						const sanitizedValue = isTimestamp
-							? formatLogTs(value)
-							: _.isBoolean(value) || value
-							? _.toString(value)
-							: '';
+						const sanitizedValue = getSanitizedValue(value, isTimestamp);
 						return (
 							<div className={tableStyles.customCellContainer} style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>
 								{sanitizedValue}