EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Darrel on May 25, 2016, 11:19:18 PM

Title: Hide the checkbox in the header column of the datagrid [Solved]
Post by: Darrel 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.

Title: Re: Hide the checkbox in the header column of the datagrid
Post by: jarry 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>

Title: Re: Hide the checkbox in the header column of the datagrid
Post by: Darrel on May 26, 2016, 03:18:59 AM

Thanks a lot jarry, it worked.

Title: Re: Hide the checkbox in the header column of the datagrid [Solved]
Post by: thecyberzone 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.

Title: Re: Hide the checkbox in the header column of the datagrid [Solved]
Post by: thecyberzone 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>');