EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
May 21, 2024, 07:08:47 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
Hide the checkbox in the header column of the datagrid [Solved]
Pages: [
1
]
« previous
next »
Print
Author
Topic: Hide the checkbox in the header column of the datagrid [Solved] (Read 8484 times)
Darrel
Jr. Member
Posts: 74
Hide the checkbox in the header column of the datagrid [Solved]
«
on:
May 25, 2016, 11:19:18 PM »
Hello,
Is it possible to hide the checkbox on the header of the datagrid? Please note I only want to hide the header checkbox field and not that column's entire checkboxes....
Thanks and regards,
Darrel.
«
Last Edit: May 26, 2016, 03:19:28 AM by Darrel
»
Logged
jarry
Administrator
Hero Member
Posts: 2264
Re: Hide the checkbox in the header column of the datagrid
«
Reply #1 on:
May 26, 2016, 02:12:23 AM »
Please add the code below to hide the checkbox on the column header.
Code:
<style>
.datagrid-header-check input{
display: none;
}
</style>
Logged
Darrel
Jr. Member
Posts: 74
Re: Hide the checkbox in the header column of the datagrid
«
Reply #2 on:
May 26, 2016, 03:18:59 AM »
Thanks a lot jarry, it worked.
Logged
thecyberzone
Full Member
Posts: 176
Re: Hide the checkbox in the header column of the datagrid [Solved]
«
Reply #3 on:
July 17, 2017, 10:27:51 PM »
Insted of hiding checkbox column header, I want to display a column Title just as like as textbox column, then what I have to do.
Logged
thecyberzone
Full Member
Posts: 176
Re: Hide the checkbox in the header column of the datagrid [Solved]
«
Reply #4 on:
July 18, 2017, 11:09:45 PM »
I got it. It can be done as follows:
var h = $('#dg').datagrid('getPanel').find('div.datagrid-header div.datagrid-header-check');
h.html('<span>Attended</span>');
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...