隐藏easyui-datagrid表头的checkbox

最新推荐文章于 2021-06-19 10:56:29 发布

djk8888

最新推荐文章于 2021-06-19 10:56:29 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS代码 jquery html 文章标签： javascript easyui html checkbox

本文链接：https://blog.youkuaiyun.com/djk8888/article/details/76809241

html 同时被 3 个专栏收录

97 篇文章

订阅专栏

JS代码

76 篇文章

订阅专栏

jquery

44 篇文章

订阅专栏

本文介绍如何使用jQuery在EasyUI DataGrid加载完成后隐藏表头的全选复选框，通过设置回调函数onLoadSuccess来定位并隐藏指定元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

隐藏easyui-datagrid表头的checkbox

html

<table id="DataGrid" class="easyui-datagrid" style="width: 100%;" data-options="toolbar:'#toolbar',rownumbers:true,pagination:true,pageSize:100,fit:true">
            <thead>
                <tr>
                    <th field="ck" checkbox="true"></th>
                    <th field="PermissionID" sortable="true" width="50" align="center">权限ID</th>
                    <th field="PermissionName" sortable="true" width="150" align="center">权限名称</th>
                    <th field="UpdateBy" sortable="true" width="100" align="center">更新人</th>
                    <th field="UpdateDate" sortable="true" width="150" align="center">更新时间</th>
                </tr>
            </thead>
        </table>

隐藏easyui-datagrid表头的checkbox
jquery:

function initTable(queryData) {
            $("#DataGrid").datagrid({
                url: '/Rights/Permission/GetPermission',
                nowrap: true,
                striped: true,
                sortOrder: 'asc',
                remoteSort: false,
                idField: 'PermissionID',
                queryParams: queryData,
                pageSize: 100,
                pageList: [10, 20, 50, 100],
                singleSelect: true,
                onLoadSuccess: function () {   //隐藏表头的checkbox
                    $("#DataGrid").parent().find("div.datagrid-header-check").children("input[type='checkbox']").eq(0).attr("style", "display:none;");
                }
            });

隐藏easyui-datagrid表头的checkbox

关键点：

onLoadSuccess: function () {   //隐藏表头的checkbox
                    $("#DataGrid").parent().find("div.datagrid-header-check").children("input[type='checkbox']").eq(0).attr("style", "display:none;");
                }

隐藏easyui-datagrid表头的checkbox