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

最新推荐文章于 2022-03-24 18:25:32 发布

Swallow710

最新推荐文章于 2022-03-24 18:25:32 发布

阅读量340

点赞数

分类专栏： FE:CSS FE:Javascript

本文链接：https://blog.csdn.net/qq_23297165/article/details/56675452

版权

FE:CSS 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

FE:Javascript

1 篇文章 0 订阅

订阅专栏

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();
})