Изменить Ag Grid Body Viewport ⇐ CSS

[Anonymous]

Я пытаюсь реализовать Aggerd React. У меня есть обертка с высотой 300px, но когда я помещаю элементы в Ag-Grid, сетка не прокручивается, а ряды не отображаются точно. Из проверки HTML я обнаружил, что изменение высоты Ag-body-viewport вручную на меньшее, чем высота сетки, решает проблему, однако я хочу переопределить высоту для видового порта из моего файла CSS, есть ли способ этого?

Код: Выделить всё

 (

{}


)}
/>

warpper

Код: Выделить всё

import React, { useEffect, useRef, useCallback } from "react";
import { Props } from "./AgGridWrapper.interfaces";

const AgGridWrapper = ({
gridApi,
className,
children,
...otherProps
}: Props) => {
const wrapperRef = useRef(null);

const setWrapperWidth = useCallback(() => {
if (wrapperRef.current) {
wrapperRef.current.style.width = "auto";
gridApi?.sizeColumnsToFit();
wrapperRef.current.style.width =
wrapperRef.current.offsetWidth + 1 + "px";
}
}, [gridApi]);

const toggleTimer = useCallback(
() => setTimeout(setWrapperWidth, 300),
[setWrapperWidth],
);

useEffect(() => {
setWrapperWidth();

window.addEventListener("resize", setWrapperWidth);
window.addEventListener("uicNavLeftExpandEvent", toggleTimer);
window.addEventListener("uicNavLeftCollapseEvent", toggleTimer);

return () => {
window.removeEventListener("resize", setWrapperWidth);
window.removeEventListener("uicNavLeftExpandEvent", toggleTimer);
window.removeEventListener("uicNavLeftCollapseEvent", toggleTimer);
};
}, [gridApi, setWrapperWidth, toggleTimer]);

return (
className={`ag-theme-material ${className}`}
ref={wrapperRef}
{...otherProps}
>
{children}

);
};

export default AgGridWrapper;

css

Код: Выделить всё

.ag-grid-border {
border-radius: 4px !important;
}

.ag-grid-height {
height: 27vh;
}

.ag-body-viewport {
height: 223px;
}

.inputWidth {
width: 40%;
}

.gridColHeight {
height: 100%
}

.ag-body{
height: 'inherit'
}

output:
сетка с отключенными/не работает вертикальная прокрутка
Кто-нибудь может помочь мне решить эту проблему?>

Подробнее здесь: https://stackoverflow.com/questions/756 ... y-viewport