EasyUI Forum
April 18, 2024, 12:54:39 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Hide the checkbox in the header column of the datagrid [Solved]  (Read 8391 times)
Darrel
Jr. Member
**
Posts: 74


View Profile
« 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: 2260


View Profile Email
« 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


View Profile
« Reply #2 on: May 26, 2016, 03:18:59 AM »

Thanks a lot jarry, it worked.
Logged
thecyberzone
Full Member
***
Posts: 176



View Profile Email
« 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



View Profile Email
« 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  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!