We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Boolean / Checkbox Column

How do you get the checkboxes that display in a boolean column to appear with the ejCheckBox styling instead of the regular html / browser style?

1 Reply

VA Venkatesh Ayothi Raman Syncfusion Team March 20, 2017 12:56 PM UTC

Hi Matt, 
Thanks for contacting Syncfusion support. 
We have achieved your requirement using queryCellInfo event in Grid. In this event get every time a request is made to access cell information, element and data. In that event, we have changed the normal checkbox to ejCheckbox control. Please refer to the following code example, Help documentation and sample, 
Code example
                // the datasource "window.gridData" is referred from jsondata.min.js 
                dataSource: window.gridData, 
                 . . . 
                queryCellInfo: function (args) { 
                    if (args.column.field == "Verified" && !$(args.cell).find("input").hasClass("e-checkbox")) { 
                        $(args.cell).find("input").ejCheckBox();//render the ejCheckbox                        
                . . . 
                columns: [ 
                         . . . 
                   {field:"Verified", headerText:"boolean column", editType:"booleanedit", width:90} 
      .e-chkbox-small > span { 
            margin-left: 10px; 

Venkatesh Ayothiraman. 

Live Chat Icon For mobile
Up arrow icon