I created a dynamic linked table. The table lets the user browse through a list of vehicles and click a row to bring up a picture of the element in that row.
When the user clicks on a row, it automatically scrolls back to the top of the table. I have over 200 rows so this is a problem.
I have tried event.preventdefault, and scrolling to the row after clicking but neither work. I suspect the scrolling isn’t working as the data is still ‘loading’ after the click.
Any help? (i removed some of the code which checks unrelated elements/gathers the element info from the row to assign to box1, text1, image1)
export function table1_rowSelect_1(event) {
//$w(’ #table1 ').onRowSelect(thirdEvent => { thirdEvent.preventDefault(); });
//event.preventDefault();
//neither of the above worked
let rowData = event.rowData;
let rowIndex = event.rowIndex
console.log(rowData);
$w(‘#dynamicDataset’).onCurrentIndexChanged( (secondEvent) => {
let itemData = $w(“#dynamicDataset”).getCurrentItem();
console.log(itemData);
} );
$w(‘#box1’).show(“fade”,fadeOptions);
$w(‘#text1’).show(“fade”,fadeOptions);
$w(‘#image1’).show(“fade”,fadeOptions);
$w(‘#table1’).scrollTo(rowIndex);
console.log(rowIndex);
}