esayui datagrid 冻结右边列问题.

最新推荐文章于 2026-04-05 09:40:40 发布

原创最新推荐文章于 2026-04-05 09:40:40 发布 · 1.8k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui #前端 #datagrid列冻结 #datagrid 右侧列冻结 #easyui datagrid

收录于

最近开发一个项目是用的easyui框架，由于美观考虑，需要将datagrid实现右侧操作列冻结(数据列太多必须横向滚动).查了下官方API只有冻结列，但是都是冻结左侧列的实例，于是百度走一波.

不啰嗦，直接上代码.

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

<thead>
    <tr>
       <th width="10px" data-options="field:'id', align:'center', hidden:true">ID</th>
       <th width="110px" data-options="field:'name', align:'left', halign:'center'">名称</th>
       <th width="116px" data-options="field:'state', align:'left', halign:'center'">状态</th>
       <th width="120px" data-options="field:'memo', align:'left', halign:'center',formatter:escapeHtml">备注</th>
     </tr>
</thead>
<thead frozen="true">
    <tr>
      <th width="130px" data-options="field:'operate2', align:'center', halign:'center', formatter:InputAction">操作</th>
    </tr>
</thead>

参考文章：easyui datagrid 右冻结、右侧冻结、冻结右边列、冻结右侧列 - 走看看