Can you set a selected row in a data grid

I have a data grid with several sites listed (with other data) I have a leaflet map showing each of the same items as map markers.

when someone clicks on a map marker ( marker click event) I’d like to “select” the corresponding row of the data grid. the data grid seems to only have “get selected row” with no way to set a row as selected.

is there anyway to do this?


It will require manipulation of the DOM structure at the raw JS level to assign a CSS class, it will not be easy with the DataTable component. If that functionality is absolutely needed, you might be better off creating a home-grown data table where you have a higher degree of control for the individual row styling.