diff --git a/x-pack/plugins/lens/public/datatable_visualization/_visualization.scss b/x-pack/plugins/lens/public/datatable_visualization/_visualization.scss index 1258127fac2b5..3b2d91ccf5f78 100644 --- a/x-pack/plugins/lens/public/datatable_visualization/_visualization.scss +++ b/x-pack/plugins/lens/public/datatable_visualization/_visualization.scss @@ -4,10 +4,11 @@ .lnsDataTable__filter { opacity: 0; - transition: opacity 250ms ease-in-out; + transition: opacity $euiAnimSpeedNormal ease-in-out; } -.lnsDataTable__cell:hover { +.lnsDataTable__cell:hover, +.lnsDataTable__cell:focus-within { .lnsDataTable__filter { opacity: 1; } diff --git a/x-pack/plugins/lens/public/datatable_visualization/expression.tsx b/x-pack/plugins/lens/public/datatable_visualization/expression.tsx index 000f823faae40..230c1f93fdc6a 100644 --- a/x-pack/plugins/lens/public/datatable_visualization/expression.tsx +++ b/x-pack/plugins/lens/public/datatable_visualization/expression.tsx @@ -196,6 +196,8 @@ export function DatatableComponent(props: DatatableRenderProps) { name: (col && col.name) || '', render: (value: unknown) => { const formattedValue = formatters[field]?.convert(value); + const fieldName = col?.meta?.aggConfigParams.field; + if (filterable) { return (