easyui实现冻结右侧列

关注

原创最新推荐文章于 2026-05-06 20:55:25 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

easyUI的datagrid右侧冻结列问题 @easyUI的datagrid右侧冻结列问题新手小白,特此记录一下百度后发现多数的教程都是类似这样的:https://www.iteye.com/blog/skyfar666-1840145,特意去下载了文中提到的easyUI-rtl.css和easyUI-rtl.js,引入后按照文章中的提示修改了此处 .datagrid-header-inner{ float:right; } 会导致datagrid的title不显示,改为下面的样式 .datagrid-header-inner{ float:le 阅读详情

在页面增加下列样式

<style>
    .datagrid-view1 {
        left: auto;
        right: 0;
    }
    .datagrid-view2 {
        left: 0;
        right: auto;
    }
</style>

并结合frozenColumns 实现冻结右侧列

frozenColumns:[[
            {field: 'borrowOperation', title: '借阅', width: 100, align: 'center',
                formatter: function (value, row, index) {
                    return "<div style='background: #ffc828' id='borrowStatusDiv" + row.id + "'><span id='borrowStatusSpan" + row.id + "'>点击借阅</span></div>" + "<input id='borrowStatus" + row.id + "' type='hidden' value='0'>"
                }
            },
        ]],