jQuery-UI Dialog

You're going to want to bind an event handler to each row (or, better, use ".delegate()" on the table), probably for "click":

$('#yourTable').delegate("tr", "click", function() { var $row = $(this); // setup code here, and then: $('#dialog').dialog('open'); }); 

In that handler, you'll want to pull stuff from the row and populate something in the dialog to reflect the table row contents.

edit — If you want only clicks in specific columns to bring up the dialog, you can just change the selector in the call to ".delegate()". For example, you might give the clickable <td> cells class "info", so that you could then do this:

 $('#yourTable').delegate("td.info", "click", function() { var $cell = $(this), $row = $cell.closest('td'); // setup code ... $('#dialog').dialog('open'); });