Использование пользовательского компонента в рендере ячеек ag-grid

Я пытаюсь использовать настраиваемый компонент в ячейке в ag-сетке, если я использую стандартный компонент html, он работает, но не, если я пытаюсь использовать настраиваемый компонент реакции

Ниже код не работает

TABLE_COLUMNS = [
        {
            headerName: '', field: 'remarks', cellRendererFramework: (params) => {
                return <div>
                    <SpinningWheel height={100}/>
                </div>
            }
        }]

Но ниже код работает нормально

TABLE_COLUMNS = [
        {
            headerName: '', field: 'remarks', cellRendererFramework: (params) => {
                return <div>
                    <button>push me</button>
                </div>
            }
        }

reactjs ag-grid-react
person Ambuj Jauhari    schedule 27.02.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У меня вроде все работает нормально. Я создал аналогичный компонент, заключенный в div, в плункере из одного из их примеров. и он работает, как ожидалось. Найдите следующее в columnDefs в файле index.js.

{
    headerName: "Child/Parent",
    field: "value",
    cellRendererFramework: (params) => <div><SpinningWheel {...params} name="Spinning Wheel"/></div>,
    colId: "params",
    width: 180
 }
person Hassaan Tauqir    schedule 27.02.2020
comment
Похоже, что что-то не так с моим css, когда я отключаю свойство background-size с помощью инструментов chrome dev, я вижу вращающееся колесо. К сожалению, код для SpinningWheel не находится под моим контролем, нужно будет посмотреть, как сделать компонент видимым. - person Ambuj Jauhari; 27.02.2020
comment
Есть много способов манипулировать css, даже если код компонента недоступен. Где применяется этот размер фона? В сетке или в компоненте Spinning Wheel. Не могли бы вы предоставить более подробную информацию? - person Hassaan Tauqir; 27.02.2020