diff --git a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js index 7f1ac9243e853..2b3e14308497a 100644 --- a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js +++ b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js @@ -81,10 +81,10 @@ describe('AnomaliesTable', () => { name: 'influenced by', }), expect.objectContaining({ - name: 'actual', + field: 'actualSort', }), expect.objectContaining({ - name: 'typical', + field: 'typicalSort', }), expect.objectContaining({ name: 'description', diff --git a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js index f1093fd0b16a1..0e810ec0dfdc2 100644 --- a/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js +++ b/x-pack/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js @@ -5,7 +5,7 @@ * 2.0. */ -import { EuiButtonIcon, EuiLink, EuiScreenReaderOnly } from '@elastic/eui'; +import { EuiButtonIcon, EuiLink, EuiScreenReaderOnly, EuiToolTip, EuiIcon } from '@elastic/eui'; import React from 'react'; import { get } from 'lodash'; @@ -178,9 +178,20 @@ export function getColumns( columns.push({ field: 'actualSort', 'data-test-subj': 'mlAnomaliesListColumnActual', - name: i18n.translate('xpack.ml.anomaliesTable.actualSortColumnName', { - defaultMessage: 'actual', - }), + name: ( + + + {i18n.translate('xpack.ml.anomaliesTable.actualSortColumnName', { + defaultMessage: 'Actual', + })} + + + + ), render: (actual, item) => { const fieldFormat = mlFieldFormatService.getFieldFormat( item.jobId, @@ -196,9 +207,20 @@ export function getColumns( columns.push({ field: 'typicalSort', 'data-test-subj': 'mlAnomaliesListColumnTypical', - name: i18n.translate('xpack.ml.anomaliesTable.typicalSortColumnName', { - defaultMessage: 'typical', - }), + name: ( + + + {i18n.translate('xpack.ml.anomaliesTable.typicalSortColumnName', { + defaultMessage: 'Typical', + })} + + + + ), render: (typical, item) => { const fieldFormat = mlFieldFormatService.getFieldFormat( item.jobId,