zoukankan      html  css  js  c++  java
  • Easyui columns列图片移位问题!!!

    InitGrid: function () {
            $("#list").datagrid({
                toolbar: '#tb',
                url: BanZhengXiaoLuSearch.AjaxUrl,
                queryParams: { Method: 'GetGridList', AreaID: BanZhengXiaoLuSearch.AreaID },
                onLoadSuccess: function (data) {
                    $(".mx-easyui-linkbutton").linkbutton({ text: '明细', plain: true, iconCls: 'icon-template' });
                },
                pagination: false,
                fit: true, title: " 当前位置:办证效率统计",
                striped: true,
                rownumbers: true,
                autoRowHeight: false,
                singleSelect: true,
                loadMsg: '正在加载数据,请稍后....',
                columns: [[
                            { field: 'name', title: '区域',  80 },
                            { field: 'id', title: '排名',  80, align: "center", formatter: function (value, row, index) {
                                if (index == 0) {
                                    return "/";
                                } else {
                                    return index;
                                }
                            }
                            },
                            { field: 'chaoGuoQiXian', align: "center", title: '超时件数',  80 },
                            { field: 'id1', title: '明细', align: "center",  80, formatter: function (value, row, index) {
                                if (index != 0) {
                                    return "<div class='big-size-icon'><a title='明细' href='javascript:void(0);' class='mx-easyui-linkbutton' iconcls='icon-add' onclick='BanZhengXiaoLuSearch.MingXi(\"" + row["id"] + "\")'>明细</a></div>";
                                }
                            }
                            }
                        ]]
    
            });
    

     明细 class  big-size-icon  在  easyui.css加入

    下面根据自己情况设置大小。

    .big-size-icon>a>span>span.l-btn-text {  
        height: 16px;
        line-height: 16px;
    }

    可以明显看出2张图。位置发生了变化。如果直接修改.l-btn-text 会导致  所有图片有问题。

    链接:http://blog.csdn.net/u012345283/article/details/38335019

  • 相关阅读:
    转载阿里开源的分布式事务框架 Seata
    查看进程上的线程数量
    chmod命令
    查找端口与查找正在运行的进程
    可输入的文本框
    js 类和对象
    js 三维数组
    ajax
    ORACLE数据库主要的系统表和数据字典视图
    url 传参
  • 原文地址:https://www.cnblogs.com/blue123/p/6142067.html
Copyright © 2011-2022 走看看