Size of checkbox in editable datagrid

[cormac]

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'
                            }
                        }
                    }

[stworthy]

Please try to add css style definition to the page.

Code:

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