fix(ui): render column type max 3 lines and ellipsis (#19046)

This commit is contained in:
Chirag Madlani 2024-12-13 19:11:03 +05:30 committed by GitHub
parent cab9245b4d
commit ea5a246a44
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -23,7 +23,6 @@ import {
isUndefined,
set,
sortBy,
toLower,
uniqBy,
} from 'lodash';
import { EntityTags, TagFilterOptions } from 'Models';
@ -246,15 +245,12 @@ const SchemaTable = ({
return NO_DATA_PLACEHOLDER;
}
return isReadOnly ||
(displayValue && displayValue.length < 25 && !isReadOnly) ? (
toLower(displayValue)
) : (
<Tooltip title={toLower(displayValue)}>
<Typography.Text ellipsis className="cursor-pointer">
{displayValue}
</Typography.Text>
</Tooltip>
return (
<Typography.Paragraph
className="cursor-pointer"
ellipsis={{ tooltip: displayValue, rows: 3 }}>
{displayValue}
</Typography.Paragraph>
);
};
@ -419,7 +415,6 @@ const SchemaTable = ({
dataIndex: 'dataTypeDisplay',
key: 'dataTypeDisplay',
accessor: 'dataTypeDisplay',
ellipsis: true,
width: 150,
render: renderDataTypeDisplay,
},