In the table component of the iview framework, how to add a detail, click on the pop-up window to display the detailed information?

problem description

ask for "details" on the blue line and click on the link to display all the organization codes (displayed in a pop-up window or directly in the cell). How can I render the "details"?

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)
{

                title:"",
                key:"ORGS",
                render: (h,params)=>{
                    return ("div",[
                      h("span",{
                        attrs:{
                            title: this.TORGS
                        },
                        style:{
                            display : "inline-block",
                            width : "100%",
                            overflow : "hidden",
                            textOverflow : "ellipsis",
                            whiteSpace : "nowrap"
                        },
                         on:{               
                            mouseenter:()=>{
                                let currrentIndex=params.index;
                                var info=this.alldata[currrentIndex];
                                let orgs=info.ORGS;
                                this.TORGS=orgs;
                            }
                         }
                    },params.row.ORGS)
                   ])
                }
            }

what result do you expect? What is the error message actually seen?

look forward to clicking "details" to view all the organization codes

Aug.05,2021

iview seems to have seen the same problem before. You can look for it

.
Menu