2 qq 28573739 qq_28573739 于 2016.09.19 22:38 提问

easyui 列数据过多显示问题

我datagrid有一列数据显示不全,easyui有没有鼠标划到那列显示一个浮动块显示列所有数据的方法?官网没有找到方法。。

2个回答

showbo
showbo   Ds   Rxr 2016.09.20 09:50
已采纳

那列配置formatter返回一个容器增加title属性

qq_28573739
qq_28573739 好使
大约一年之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.19 22:57

可以自己写一个方法,用一个div读取列的内容并显示出来,写的不好,你可以自己调整

 <style>
 .info{
    width: 300px;
    height: 60px;
    border: 1px solid gold;
    background-color: wheat;
    border-radius: 10px;
    position: fixed;
    display: none;
    text-align: center;
 }
 table{margin: 0 auto;}
</style>
<script type="text/javascript">
    $(function(){
        $("tr").hover(function(e){
            //自己加一个判断,e.pageY-90<0或者epageX-60<0的话就设置为0
            //自己调整这个值,就能控制位置
            $('div.info').html($(this).html()).toggle().css({
                "top":e.pageY-90,
                "left":e.pageX-60
            })
        })
    })
</script>
<body>
    <p>545</p>
    <p>545</p>

    <p>545</p><p>545</p>

    <div class="info">

    </div>
    <table border="" cellspacing="" cellpadding="">
        <tr>
           <td > Homel</td>
           <td > About</td>
           <td >alice</td>
       </tr>
       <tr>
           <td > jgjf</td>
           <td > dgsg</td>
           <td >jack</td>
       </tr>
       <tr>
           <td > dhdhd</td>
           <td > dgd</td>
           <td >lucy</td>
       </tr>
    </table>
</body>
Csdn user default icon
上传中...
上传图片
插入图片