Print Page - Size of checkbox in editable datagrid

I have an editable datagrid which works pretty well. However, I want to change the size of the checkbox that is the 'editor' for one of my fields and can't see how I can do this.. I would appreciate any help that the forum can give...

my code looks like this ....

I am createing the columns in javascript and here is the checkbox field in question.... as you can see I tried setting the width and height in the column definition to 40 each but this had no effect.

{field:'Done', title:'Did it',width:50,align:'center',
editor:{
type:'checkbox',
height : 40,
width:40,
options:{
on: 'Y',
off: 'N'
}
}
}

Please try to add css style definition to the page.

Code:

<style>
	.datagrid-editable input[type="checkbox"]{
		width:40px;
		height:40px;
	}
</style>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: cormac on February 12, 2014, 02:01:24 PM