diff --git a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js
index b40808d51dd66..206b9e01bab8c 100644
--- a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js
+++ b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table.test.js
@@ -63,9 +63,6 @@ describe('AnomaliesTable', () => {
expect(columns).toEqual(
expect.arrayContaining([
- expect.objectContaining({
- name: '',
- }),
expect.objectContaining({
name: 'time',
}),
diff --git a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js
index 5454911673fe2..58f1214c11e10 100644
--- a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js
+++ b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/anomalies_table_columns.js
@@ -4,12 +4,13 @@
* you may not use this file except in compliance with the Elastic License.
*/
-import { EuiButtonIcon, EuiLink } from '@elastic/eui';
+import { EuiButtonIcon, EuiLink, EuiScreenReaderOnly } from '@elastic/eui';
import React from 'react';
import _ from 'lodash';
import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
import {
formatHumanReadableDate,
@@ -65,7 +66,16 @@ export function getColumns(
) {
const columns = [
{
- name: '',
+ name: (
+
+
+
+
+
+ ),
render: item => (
toggleRow(item)}
diff --git a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/links_menu.js b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/links_menu.js
index 8cbee27bdd9a8..074a584f3a136 100644
--- a/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/links_menu.js
+++ b/x-pack/legacy/plugins/ml/public/application/components/anomalies_table/links_menu.js
@@ -479,7 +479,6 @@ export const LinksMenu = injectI18n(
return (
+
+
+
+
+ ),
align: RIGHT_ALIGNMENT,
width: '40px',
isExpander: true,
diff --git a/x-pack/legacy/plugins/ml/public/application/jobs/jobs_list/components/jobs_list/jobs_list.js b/x-pack/legacy/plugins/ml/public/application/jobs/jobs_list/components/jobs_list/jobs_list.js
index cf84802976b54..602d197cd820e 100644
--- a/x-pack/legacy/plugins/ml/public/application/jobs/jobs_list/components/jobs_list/jobs_list.js
+++ b/x-pack/legacy/plugins/ml/public/application/jobs/jobs_list/components/jobs_list/jobs_list.js
@@ -16,8 +16,8 @@ import { JobDescription } from './job_description';
import { JobIcon } from '../../../../components/job_message_icon';
import { getJobIdUrl } from '../utils';
-import { EuiBadge, EuiBasicTable, EuiButtonIcon, EuiLink } from '@elastic/eui';
-import { injectI18n } from '@kbn/i18n/react';
+import { EuiBadge, EuiBasicTable, EuiButtonIcon, EuiLink, EuiScreenReaderOnly } from '@elastic/eui';
+import { injectI18n, FormattedMessage } from '@kbn/i18n/react';
import { i18n } from '@kbn/i18n';
const PAGE_SIZE = 10;
@@ -124,7 +124,16 @@ class JobsListUI extends Component {
// be updated if we move to always using props for width.
const columns = [
{
- name: '',
+ name: (
+
+
+
+
+
+ ),
render: item => (
this.toggleRow(item)}
@@ -167,7 +176,16 @@ class JobsListUI extends Component {
},
{
field: 'auditMessage',
- name: '',
+ name: (
+
+
+
+
+
+ ),
render: item => ,
},
{
@@ -278,7 +296,16 @@ class JobsListUI extends Component {
width: '15%',
});
columns.push({
- name: '',
+ name: (
+
+
+
+
+
+ ),
actions: actionsMenuContent(
this.props.showEditJobFlyout,
this.props.showDeleteJobModal,
diff --git a/x-pack/legacy/plugins/transform/public/app/sections/transform_management/components/transform_list/columns.tsx b/x-pack/legacy/plugins/transform/public/app/sections/transform_management/components/transform_list/columns.tsx
index ebe4f7efda055..e2f92e0acd645 100644
--- a/x-pack/legacy/plugins/transform/public/app/sections/transform_management/components/transform_list/columns.tsx
+++ b/x-pack/legacy/plugins/transform/public/app/sections/transform_management/components/transform_list/columns.tsx
@@ -6,12 +6,14 @@
import React, { Fragment } from 'react';
import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n/react';
import {
EuiBadge,
EuiButtonIcon,
EuiFlexGroup,
EuiFlexItem,
EuiProgress,
+ EuiScreenReaderOnly,
EuiText,
EuiToolTip,
RIGHT_ALIGNMENT,
@@ -98,6 +100,16 @@ export const getColumns = (
ActionsColumnType
] = [
{
+ name: (
+
+
+
+
+
+ ),
align: RIGHT_ALIGNMENT,
width: '40px',
isExpander: true,