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 好使
接近 2 年之前 回复
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
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
解决EasyUIdataGrid列比较多,无数据,列展现不全
解决EasyUIdataGrid列比较多,无数据,列展现不全
解决easyui中datagrid列太多 无数据不显示滚动条的bug
项目中不知道哪位选择了easyui这个轻量级框架,说实话用起来真的不太方便……尤其是自己用习惯了ext的缘故。 easyui用起来简单,但bug和缺陷也实在是不少。         这次主要说的是datagrid列太多的时候,如果有数据,会出现滚动条,但没有就完蛋了……         测试提了bug,个人表示无法解决,测试mm不答应,正好闲着上网查了下,没有结果…… easyui网上的资料
jqueryeasyui datagrid column数据过长无法完全展示问题
在项目开发的时候发现有些column的数据过长,导致不能够完全展示,改变column大小整体样式会受到影响,这时我们可以通过jqueryeasyui中的formatter来改变column的展示。修改后当鼠标移到column后数据会以悬浮框的形式展示出来代码:js部分 function format(val,row){if (val){return '' + val + '';} else {re
解决jquery easyui-datagrid列过多且无数据时列显示不全的bug
今天用easyui的datagrid做一个列很多的表格时,功能完成提交后被测试组发现在初始未加载数据的情况下表格的最后几列居然看不到,震惊之余上网发现原来是datagrid控件的bug,上网搜索解决办法都是同一种方式即 onLoadSuccess:function(data){                 if(data.total==0){                     va
easyui中datagrid数据网格实现列表内容过长时显示省略号
数据数据比较多显示省略符号 在页面重写css样式             .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber             {                 text-overflow: ellipsis;
easyUI中 datagrid 一列字比较多时,出现省略符号
当数据比较多为,出现省略符号, 需修改easyui样式 (样式必须在easyui自带的后面,重写)               .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber             {                 text-ov
easyui datagrid单元格实现溢出文本显示省略号的效果。
CSS: css代码: .datagrid-btable .datagrid-cell{padding:6px 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} Column: JS代码:formatter: function(value,row,index){ return ''+val
jQueryEasyUi rownumbers数据太大,显示不全的解决之道
1.在jquery.easyui.min.js文件中增加扩展方法: $.extend($.fn.datagrid.methods, {       fixRownumber :function(jq) {             returnjq.each(function() {                   varpanel = $(this).datagrid("getPanel")
jQuery EasyUI中datagrid多列展示慢优化
最近工作中有个很大的报表,有70多列,用easyUI展示速度特别慢,chrome里需要3~4秒,但IE直接就会崩溃,查了些资料,最主要的原因就是jQUery EasyUI里需要对没列进行宽度设置,非常费时间。简单的优化办法如下: 设置fitColumns属性值为:false        每列设置固定的宽度,如果需要自适应宽度,每个宽度一样可达到效果。 领域 事项 序
EasyUi 表格自定义列
以下是我学习EasyUi碰到的问题与解决方案 不说废话了。贴图:     效果图为: 如果要EasyUi的datagrid表格可以自定义列的话。就可以使用他自带的列属性formatter,它是一个单元格格式器函数。官方给出的例子为 也就是说。他是可以通过这个函数判断字段值及返回的值。所以我们也可以用它来返回自己需要的HTML元素。另外笔者也偶然发现一个小错误。就是假如他的不同