/
githubmirror
/
ydb-embedded-ui
Обзор
Документация
Войти
/
githubmirror
/
ydb-embedded-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Table/Table.tsx
43 строки
1 KB
Артём Муфазалов
fix(SimplifiedPlan): fix row overflow in Firefox (#3684)
24 мар 2026, 19:58
Не верифицирован
24 мар 2026, 19:58
f916398
Код
Авторство
О чём код?
import type {BaseTableProps} from '@gravity-ui/table'; import {BaseTable} from '@gravity-ui/table'; import {cn} from '../../utils/cn'; import './Table.scss'; const block = cn('ydb-table'); interface TableProps<TData> extends BaseTableProps<TData> { width?: 'max' | 'auto'; wrapperClassName?: string; } interface ColumnHeaderProps { children: React.ReactNode; className?: string; } export function ColumnHeader({children, className}: ColumnHeaderProps) { return <div className={block('table-header-content', className)}>{children}</div>; } export function Table<TData>({className, width, wrapperClassName, ...props}: TableProps<TData>) { return ( <div className={block(null, wrapperClassName)}> <BaseTable headerCellClassName={({column}) => { const align = column.columnDef.meta?.align; return block('table-header-cell', {align}); }} cellClassName={(cell) => { const align = cell?.column.columnDef.meta?.align; const verticalAlign = cell?.column.columnDef.meta?.verticalAlign; return block('table-cell', {align, 'vertical-align': verticalAlign}); }} rowClassName={block('row')} className={block('table', {width}, className)} {...props} /> </div> ); }