OnRowSelect multistate boxes

I’m attempting to use either a Lightbox or multi-state box to display more information about the selected row when its clicked or tapped. I don’t seem to understand how to tell it which row corresponds with which box.

If possible, I’d love to do this with a multi-state box instead of Lightbox since light boxes take too long to load. I’ve only been able to get the code to do anything if I use a Lightbox. Please note I am very new to this. Thank you!

Here is the current code.:

import wixWindow from ‘wix-window’;

export function table1_rowSelect_1(event) {
wixWindow.openLightbox(“1-1”)
}

Hi Garrett,

Regarding changing the state of the MultiState box, the following page in the documentation has several examples:

https://www.wix.com/corvid/reference/$w.MultiStateBox.html#changeState

Thank you, how do I link a state with a specific row on the table?

@garrett Check out the examples on this page . There is a rowData property of the event array that gives you the information of the row that can then be used to apply the logic that you have in mind for displaying a given state.