Pop up from Salesforce lightning datatable

Hello everyone, in this video we are going to see how to achieve pop-up screen when using

Lightning Data Table in Salesforce Lightning web component. Let's look at a demo here

I'm going to search account. accounts with the test in the name and also I'm going to select a few industries here

so I have selected three industries agriculture apparel and technology so I'm

going to fetch accounts with the industries agriculture apparel and technology and have name which content and the name should contain test

So these are all the test account records and the industry for all these accounts is technology And then if I have a column saying that whether contacts are available for this account or not if it is yes it will display

view contacts link when I click it it will show a pop-up saying that this is the

contact name and this is the title for this particular contact so let's

see how to achieve this pop-up screen. And I'm using Lightning Data Table to display the contact records

This is my apex class where I am fetching account records based on the name that was passed

and the list of industries that were selected. which I am using SOQL to fetch those account records

I am using Lightning Model. So this is the Lightning Web component which displays that contact records Since this is a model pop component I not using any other target

Let me close the apex class and the component and this is the lightning web

component using which I am testing it. So I'm displaying account name, the industry, I

I'm using Lightning button menu and Lightning menu item to display the drop-up, drop-down for

industry's selection. Using Lightning Data table, I'm displaying all the account records

Whenever they click view contacts, it will call this Handel Row Action

So here using this handle row action, I am opening the Lightning Model pop-up component and

then I am passing the selected accounts contact records to it to display it within the pop screen or window I using the target as lightning double

underscore tab because I have created a tab to open and search accounts and then

make use of view contacts to view the contacts in the pop-up window

Please check the video description. In the video description, I have shared my blog post

From the blog post, you should be able to get the sample lightning web components and the

apex class code for your reference. I hope it was helpful

Thank you for watching