Fix #6633 Support multi-line Sample Data header row (#6788)

This commit is contained in:
Sachin Chaurasiya 2022-08-18 12:08:26 +05:30 committed by GitHub
parent 1417541a81
commit b70f49e5a8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -16,6 +16,7 @@ import {
faChevronRight, faChevronRight,
} from '@fortawesome/free-solid-svg-icons'; } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Space } from 'antd';
import classNames from 'classnames'; import classNames from 'classnames';
import { lowerCase } from 'lodash'; import { lowerCase } from 'lodash';
import React, { import React, {
@ -112,10 +113,12 @@ const SampleDataTable: FunctionComponent<Props> = ({ sampleData }: Props) => {
className="tableHead-cell" className="tableHead-cell"
data-testid="column-name" data-testid="column-name"
key={column.name}> key={column.name}>
{column.name} <Space direction="vertical" size={0}>
<span className="tw-py-0.5 tw-px-1 tw-ml-1 tw-rounded tw-text-grey-muted"> <span>{column.name}</span>
({lowerCase(column.dataType)}) <span className="tw-text-grey-muted">
</span> ({lowerCase(column.dataType)})
</span>
</Space>
</th> </th>
); );
})} })}