Friends,
thanks for the support you provided so-far.
I'm not able to change font size globally for the datagrid. (May be a silly issue from my side)
Below is how I defined the datagrid. I'm using jquery-easyui-1.3.3 package.
Currently I'm trying to change font-size within rowStyler and its not working !! "background-color" is working though correctly !
$('#dg').datagrid({
url:myurl,
pageSize: 20,
pagination: true,
rownumbers: true,
singleSelect: true, // So Users can select one alert at a time
remoteSort: false,
title: mytitle,
rowStyler:function(index,row){ // ROW Colouring
if (row.severity == '0'){
return 'background-color:#58FA82;font-size:10px;';
}
else if (row.severity == '1'){
return 'background-color:#C5F0FE;font-size:10px;';
}
else if (row.severity == '4'){
return 'background-color:#FBB870;font-size:10px;';
}
else if (row.severity == '5'){
return 'background-color:#FF7684;font-size:10px;';
}
},
columns:[[
{field:'alertid',title:'AlertID',width:50, sortable:true},
{field:'start_date',title:'start_time',width:100, sortable:true},
{field:'alert_type',title:'Type',width:50, sortable:true},
{field:'exception_type',title:'Exception',width:50, sortable:true},
{field:'customer',title:'customer',width:80, sortable:true},
{field:'timereceived',title:'timereceived',width:100, sortable:true},
{field:'note',title:'Remedy',width:80, sortable:true},
{field:'site_ID',title:'Site ID',width:40, sortable:true}
]]
});
I even tried while initiating the datagrid, but still its NOT working
<table id="dg" toolbar="#toolbar" style="height:620px; font-size:10px;" ></table>
Where should i make amendments so as to change the font-size for the whole of datagrid?