easyui表格 序号如何进行自适应宽度

项目中,表格如何存在大量数据时,序号会显示不全,这时候,我们可以通过自适应宽度调整就能解决这个显示不全问题

$.extend($.fn.datagrid.methods, {
    fixRownumber: function (jq) {
        return jq.each(function () {
            var panel = $(this).datagrid("getPanel");
            var clone = $(".datagrid-cell-rownumber", panel).last().clone();
            clone.css({
                "position": "absolute",
                left: -1000
            }).appendTo("body");
            var width = clone.width("auto").width();
            if (width > 25) {
                //多加5个像素,保持一点边距
                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).width(width + 5);
                $(this).datagrid("resize");
                //一些清理工作
                clone.remove();
                clone = null;
            } else {
                //还原成默认状态
                $(".datagrid-header-rownumber,.datagrid-cell-rownumber", panel).removeAttr("style");
            }
        });
    }
});

EasyUI加载表单的时候,就启动序号自适应宽度就可以了
在这里插入图片描述


版权声明:本文为weixin_44548147原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。