Using angular 1.x and jqx-grid, I have two separate tables on the same page (same scope).
The tables have a one-to-one relationship with one another. A Commodity table and a CommodityDetails table. The Commodity table has a CommodityDetailsId column corresponding to the Id on the CommodityDetails table.
I'd like to be able to click the CommodityDetailsId in the Commodity table and on-click, I'd like the CommodityDetails table's corresponding row to be scrolled to and highlighted.
In a particular example I came across, the jqx api provides the grid with a selectRow(int) function that allows you to select the particular row on a grid. Now this works across differing tables, however I have yet to come across a way to select a row based on a condition. I would need something along the lines of selectRowBasedOn(x => x.CommodityDetailsId === commodityDetailsGrid.Id) or something along those lines.
Is there a way to select/highlight a row in jqx-grids based on a condition of the grid?
