jQuery Display html tables tr details in Modal Popup Dialo

Hi Keerthi,

 

As per your requirement, please find following work around:

 

1. When click on first row button, send AJAX request to server to fetch detail information. Once you get information just display those data by HTML code just below to row no1(record1). And UI of new info should be little bit different so that user can know that which one record and which one is record detail information.

 

2. If you want to display another new jQuery modal popup with detail information then bind event  to each button when you are displaying records in first popup.

$('#empDetailsBtn').click(function () {$('#empInfo').dialog('open'); });

 

And also store ID of the record by which you can fetch detail information from server using AJAX request. 

 

If you have any query comment here. 

 

Note: If you find anything useful please like my answer.