隐藏easyui-datagrid表头的checkbox

xiaoxiao2021-02-28  81

隐藏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

转载请注明原文地址: https://www.6miu.com/read-72588.html

最新回复(0)