Need help with Row ID select and Lazy Loading

I made a page where I user clicks on a Product, and it creates the table with all the records in our DB for that Product. I want the user to be able to click on the row header and have it launch into that records details page. I tried using afterSelection, but it causes weird behavior and i cant seem to identify if the selected value was the header field. I want the users to be able to click on the other fields to copy text from them, so I dont want an onclick on the field. Perhaps doing something like doubleclicking an element might be acceptable.

Lazy Loading… SO, The user clicks on the product above and queries my DB for only the records of that product… One of the fields in the table is the product name. I would like to show the other products in the dropdown as unchecked. When the user checks that box, it will load up that data. In addition, if a user wants to view all the products, how can I lazy load the data while still being able to sort and use the filters? I know this is going to be a lot of work, so any example code, documentation, or anything will be helpful.

Hi @mmoles

You can use the afterOnCellMouseDown event to check if user clickes a header (row or column header).

Here’s a working example: http://jsfiddle.net/handsoncode/aywdL5gu/

For a column headers you will get -1 value for coords.row cause a column header is basically a -1 row.