show a popover when column cell is clicked.

[learntocode-react]

I am trying to add a hyperlink to the cell data Summary which when clicked can open a popover in one of the column.
Having problem with 2 issues right now.

1. How can I access the particular row data - name to pass into the function calculateInstanceName this should take parameter name/data of the row only.
   I tried passing data.name but gives me an error. Data is an array of objects.

    const columns = [
        {
            title: 'Name',
            data: 'name',
            searchable: true
        },
        {
            title: 'Summary',
            data: 'instanceName',
            searchable: true,
            render: () => `
            <div>
                <p style="color: green">Applied- ${this.calculateCount(data)}</p>
            </div>
            `
        }
    ];
   

this.calculateCount() will give me the count of the successful instances applied to the current row name but right now its giving me the wrong number as its going through the whole data object and calculate the count of all the rows.

2. How to make this Applied - (count) an hyperlink and when clicked should show a popover.
   the number of the instances can be large so need to show the list in the popover.

         <Popover title="Successfully Applied">
                <div>
                    <p style="color: green">Names of the instances applied</p>
                </div>
         </Popover>