diff --git a/packages/grafana-ui/src/components/Table/TableCell.tsx b/packages/grafana-ui/src/components/Table/TableCell.tsx index 56649902761..44f616e4642 100644 --- a/packages/grafana-ui/src/components/Table/TableCell.tsx +++ b/packages/grafana-ui/src/components/Table/TableCell.tsx @@ -41,7 +41,14 @@ export const TableCell = ({ if (cellProps.style) { cellProps.style.minWidth = cellProps.style.width; - cellProps.style.justifyContent = (cell.column as any).justifyContent; + const justifyContent = (cell.column as any).justifyContent; + if (justifyContent === 'flex-end') { + // justify-content flex-end is not compatible with cellLink overflow; use direction instead + cellProps.style.textAlign = 'right'; + cellProps.style.direction = 'rtl'; + } else { + cellProps.style.justifyContent = justifyContent; + } } let innerWidth = (typeof cell.column.width === 'number' ? cell.column.width : 24) - tableStyles.cellPadding * 2;