tables cell select with pagination issue

Ask the community
,
1

Hey
i have table with 11 rows that is divided to 2 pages.first page show s 10 rows and second 1 row as expected. i have added an cell click and row click events that seems to be working fine at the first page but the neither the function of row or cell are being called on the second page.

attached the error from the console below:

uncaught TypeError: Cannot read property ‘data’ of undefined
at e.getValue (ag-grid.min.js:177)
at e.getValue (ag-grid.min.js:68)
at Object.onCellSelect [as onCellFocused] (grid.js:227)
at e.globalEventHandler (ag-grid.min.js:20)
at ag-grid.min.js:26
at Array.forEach ()
at e.dispatchEvent (ag-grid.min.js:26)
at e.onCellFocused (ag-grid.min.js:213)
at e.setFocusedCell (ag-grid.min.js:213)
at t.focusCell (ag-grid.min.js:231)
at t.onMouseDown (ag-grid.min.js:231)
at t.onMouseEvent (ag-grid.min.js:231)
at e.onMouseEvent (ag-grid.min.js:225)
at e.onMouseEvent (ag-grid.min.js:141)
at e.processMouseEvent (ag-grid.min.js:147)
at HTMLDivElement.i (raven.js:376)

Any ideas if i am doing anything wrong?

2

Hi,
Please share your code so we can help you figure it out.

3

I’m working with Daniel on the same project and we need to fix this issue.
i made a new project just for that problem, with a table that have onRowSelect and onCellSelect events and 4 columns and 16 rows.
i set the table to have pagination from the 10’th row.
so now i have 2 pages on the table.
the code in this project is simple, just calling to those events-

$w.onReady( function () {
//TODO: write your page related code here…

});
export function table1_cellSelect(event) {
console.log(event.cellRowIndex,“event.cellRowIndex”)
}

export function table1_rowSelect(event) {
debugger ;
}

right now the table is set to get onCellSelect.
when i click on a cell (no matter which one), on the first page, it’s seem to work fine.
but, on the second page its show me this message:

raven.js:380 Uncaught TypeError: Cannot read property ‘data’ of undefined
at e.getValue (ag-grid.min.js:177)
at e.getValue (ag-grid.min.js:68)
at Object.onCellSelect [as onCellFocused] (grid.js:227)
at e.globalEventHandler (ag-grid.min.js:20)
at ag-grid.min.js:26
at Array.forEach ()
at e.dispatchEvent (ag-grid.min.js:26)
at e.onCellFocused (ag-grid.min.js:213)
at e.setFocusedCell (ag-grid.min.js:213)
at t.focusCell (ag-grid.min.js:231)
at t.onMouseDown (ag-grid.min.js:231)
at t.onMouseEvent (ag-grid.min.js:231)
at e.onMouseEvent (ag-grid.min.js:225)
at e.onMouseEvent (ag-grid.min.js:141)
at e.processMouseEvent (ag-grid.min.js:147)
at HTMLDivElement.i (raven.js:376)
e.getValue @ ag-grid.min.js:177
e.getValue @ ag-grid.min.js:68
onCellSelect @ grid.js:227
e.globalEventHandler @ ag-grid.min.js:20
(anonymous) @ ag-grid.min.js:26
e.dispatchEvent @ ag-grid.min.js:26
e.onCellFocused @ ag-grid.min.js:213
e.setFocusedCell @ ag-grid.min.js:213
t.focusCell @ ag-grid.min.js:231
t.onMouseDown @ ag-grid.min.js:231
t.onMouseEvent @ ag-grid.min.js:231
e.onMouseEvent @ ag-grid.min.js:225
e.onMouseEvent @ ag-grid.min.js:141
e.processMouseEvent @ ag-grid.min.js:147
i @ raven.js:376

the link to the project -
https://devalorefuturingup.wixsite.com/website-52
Please help me to fix that issue…

4

From my understanding pagination only works for repeater’s data and not in tables

5

I meant paging on tables,
Please help me to fix that issue…