鼠标滑到单元格,弹出表格.

1. FE:

<td class="mouseoverTd" style="position:relative;">
                                        
                                            @item.price
 

                                   <div class="mouseoverTable" style="display:none;width:100%;background:white;z-index:999;border:1px solid black;position:absolute;left:0;">
                                            <table style="width:100%;">
                                                <tr>
                                                    <td>1111</td>
                                                    @foreach (var Item in item.PriceSchemeSoldMaxSaleItemList)
                                                    {
                                                         <td>@item.price</td>
                                                    }
                                                </tr>
                                                <tr>
                                                    <td>2222</td>
                                                    @foreach (var item in item.PriceSchemeSoldMaxSaleItemList)
                                                    {
                                                        if (ViewData["Nested"].Equals("notNested"))
                                                        {
                                                            <td>@item.MaxSale</td>
                                                        }
                                                        else
                                                        {
                                                            <td>@item.MaxSaleSum</td>
                                                        }
                                                    }
                                                </tr>
                                                <tr>
                                                    <td>3333</td>
                                                    @foreach (var Item in item.PriceSchemeSoldMaxSaleItemList)
                                                    {
                                                        if (ViewData["Nested"].Equals("notNested"))
                                                        {
                                                            <td>@Item.scheme</td>
                                                        }
                                                        else
                                                        {
                                                            <td>@Item.schemeSum</td>
                                                        }
                                                    }
                                                </tr>
                                                <tr>
                                                    <td>4444</td>
                                                    @foreach (var Item in item.PriceSchemeSoldMaxSaleItemList)
                                                    {
                                                        if (ViewData["Nested"].Equals("notNested"))
                                                        {
                                                            <td>@Item.sold</td>
                                                        }
                                                        else
                                                        {
                                                            <td>@Item.soldSum</td>
                                                        }
                                                    }
                                                </tr>
                                                <tr>
                                                    <td>可售</td>
                                                    @foreach (var DTO_PriceSchemeSoldMaxSaleItem in item.PriceSchemeSoldMaxSaleItemList)
                                                    {
                                                        if (ViewData["Nested"].Equals("notNested"))
                                                        {
                                                            <td>@DTO_PriceSchemeSoldMaxSaleItem.Salable</td>
                                                        }
                                                        else
                                                        {
                                                            <td>@DTO_PriceSchemeSoldMaxSaleItem.SalableSum</td>
                                                        }
                                                    }
                                                </tr>
                                            </table>
                                        </div>

</td>

2.FE Javascript

//mouseover事件show table;
$(".mouseoverTd").hover(function () {
    $(this).find(".mouseoverTable").show();
},function(){
    $(this).find(".mouseoverTable").hide();
})