const popDept = (row) => {

        alert(row);

    }

  let gridFormat =[

            { binding: 'codeType',          header: _codeType,          width: 150,  allowDragging:true, isReadOnly:true, 

                cellTemplate: (ctx) => {

                    let dataItem = ctx.row.dataItem;

                    const cls = ctx.value;//this._getChangeCls(ctx.value);

                    const value = ctx.value;//this._formatChange(ctx.value);

                    const rowIndex = ctx.row.index;

                    return `<div class='wj-cell-button'>

                                    <span>${value}</span> 

                                    <button class='grid_btn_find'  onClick="{()=>{popDept(${rowIndex})}"/>

                            </div>`;

                } 

            }

  ];

      setGridCodeValueColGroup([...gridFormat]);

   <FlexGrid 

                        headersVisibility="All"                // All None, Column Row

                        keyActionTab="Cycle"

                        selectionMode={3}

                        columnGroups={gridCodeValueColGroup}            // 그리드 포멧

                        itemsSource={gridCodeValueData}                 // 바인딩할 데이터

                        initialized={initCodeValueGrid}                 // 그리드 초기 이벤트 및 등록 처리

                        onItemsSourceChanged = {onCodeValueSourceChanged} // 소스 변경 (조회시)

                        autoScroll={true}

                        >

                        <FlexGridFilter />

                    </FlexGrid

위 소스와 같이 그리드에 버튼을 두고  클릭이벤트를 처리하고 싶은데 어떻게 처리할 수잇는지 문의합니다

위처럼 하니까 클릭이벤트가 동작하지 않네요