Я построил эту простую сетку:
![enter image description here](https://i.stack.imgur.com/VsXm5.png)
Пользователь выбирает опцию из списка 1 в ParenColumn.
В зависимости от того, какой вариант он выбрал, в столбце 2 будут отображаться разные списки.
Например, если он выберет вариант 3, список 3 будет отображен во втором столбце соответствующей строки.
Проблема заключается в том, что поскольку customCellRenderer во втором столбце применяется ко всем строкам, тогда во всех строках будет показан тот же список, что и на рисунке.
У меня вопрос: можно ли "дать" каждой строке свой собственный cellRenderer?
Вот определение ChildColumn:
{
headerName: "ChildColumn",
field: "chdCol",
cellRenderer: (params) => {
return(
` <select class="form-control">
<br>`
+`<option>` +
this.receivedChosenOptionfromCol1[0]
+`</option>`
+`<option>` +
this.receivedChosenOptionfromCol1[1]
+`</option>` +
`<option>` +
this.receivedChosenOptionfromCol1[2]
+`</option>` +
`<option>` +
this.receivedChosenOptionfromCol1[3]
+`</option>` +
`</select>
`)
}
Чтобы увидеть весь код, который я использовал для реализации этой сетки и ее функциональности, пожалуйста, ознакомьтесь с кодом StackOverflow, где я ответил на свой вопрос:
Как обновить столбец B в ag-grid на основе изменения, произошедшего в другом столбце A
Спасибо:)