我现在需要改变某一行的字体,发现 字体是变大了,但是感觉变大的部分被隐藏了,请教是哪里的原因:
第一行的字体变大了 ,但是变大的部分被隐藏了,我就是合并了单元格,然后最后设置了rowStyler,下面是我设置字体的代码:
//复杂合并单元格
$('#' + id).datagrid({
columns:[[
{field:'A',width:180,align:'center'},
{
field:'B',width:180,align:'center'
},
{field:'C',width:180,align:'center'},
{field:'D',width:180,align:'center'}
]],
data:[
{A:'动火作业许可证'},
{A:'第一部分 动火作业申请'},
{A:'申请部门', C:'申请人'},
{A:'动火地点', C:'申请动火时间'},
{A:'动火种类'},
{A:'执行动火单位', C:'动火人'},
{A:'监护(火)人', C:'作业单位负责人'},
{A:'第二部分 申请审批流程'},
{A:'动火审查结果', C:'动火作业等级'},
{A:'准许动火期限'},
//{A:'作业单位负责人', C:'安全员'},
{A:'安全员(二级)', C:'安全总监(一级)'},
{A:'主要负责人(特级)'},
{A:'第三部分 申请审批流程'},
{A:'动火区域现场确认', B:'□现场无缺氧、中毒、火灾、爆炸、感电、掩埋等潜在危害'},
{B:'□已备妥动火作业警告标示和动火区域隔离带'},
{B:'□可燃物或可燃设备已移开或已加设隔热装置(防火罩或防火毯)'},
{B:'□已清除储槽或管线中易燃气体如天然气等,并关闭管路来源'},
{B:'□已预防火花或热熔渣掉落入局限空间(密闭空间、沟槽等),避免导致可燃物燃烧或爆炸'},
{B:'□已现场告知安全注意事项,说明动火标准作业程序'},
{B:'□确认设备安全状况:'},
{B:'1.电焊:○电焊机绝缘接地 ○电线绝缘完整 ○其他防护设备'},
{B:'2.气割:○钢瓶竖立、固定 ○软管完整无破损○气瓶位置离动火源10米以上'},
{B:'3.其他:○电气设备绝缘良好,未有裸线'},
{B:'确认个人防护设备:'},
{B:'○安全帽/带 ○面罩 ○护目镜 ○手套 ○绝缘鞋 ○其他防护用具'},
{B:'□确认消防安全设施:○消防沙 ○防火毯 ○干粉灭火器 ○泡沫灭火器 ○CO2灭火器 ○防火墙 ○消防水带 ○地面喷水 '},
{B:''},
{B:'□已置备氧气及可燃性气体检测器,或经过现场检测(一级以上)'},
{B:'1. 时 分测定可燃气体:___%;2. 时 分测定可燃气体:___%'},
{B:'3. 时 分测定可燃气体:___%;4. 时 分测定可燃气体:___%'},
{B:'□其他应确认项目:'},
{B:'○动火人为申请时动火人 ○动火人健康状况符合条件 ○其他安全条件到位'},
{B:'其他应确认项目:'},
{B:'○其他,请说明: '},
{B:'动火人'},
{B:'监火人'},
{A:'第四部分 动火情况确认'},
{A:'动火中情况', B:'动火情况', C:'□正常 □异常(请在“异常情况记录”中详细填写)'},
{B:'异常情况记录'},
{B:'签字'},
{A:'第五部分 动火结束确认'},
{A:'动火结束确认',B:'□高温物体/明火已熄灭 □动火防护装置拆除 □现场清理干净和复位'},
{B:'动火人'},
{B:'监火人'},
{B:'现场安全员'},
],
onLoadSuccess:function(){
$(this).datagrid('mergeCells',{
index:0,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:1,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:4,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:7,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:9,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:12,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:13,
field:'A',
colspan:1,
rowspan:23
});
$(this).datagrid('mergeCells',{
index:13,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:14,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:15,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:16,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:17,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:18,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:19,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:20,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:21,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:22,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:23,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:24,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:25,
field:'B',
colspan:3,
rowspan:2
});
$(this).datagrid('mergeCells',{
index:27,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:28,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:29,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:30,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:31,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:32,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:33,
field:'B',
colspan:3,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:34,
field:'C',
colspan:2,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:35,
field:'C',
colspan:2,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:36,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:37,
field:'A',
colspan:1,
rowspan:3
});
$(this).datagrid('mergeCells',{
index:37,
field:'C',
colspan:2,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:38,
field:'C',
colspan:2,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:39,
field:'C',
colspan:2,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:40,
field:'A',
colspan:4,
rowspan:1
});
$(this).datagrid('mergeCells',{
index:41,
field:'A',
colspan:1,
rowspan:4
});
$(this).datagrid('mergeCells',{
index:42,
field:'B',
colspan:3,
rowspan:1
});
},
});
$('#' + id).datagrid({
rowStyler: function(index,row){
if(index==0){
return 'height:200px;background-color:#6293BB;color:#fff;font-size:50px';
}
}
});
line-height: 50px;或者更高一些,如果不行可以查一下外部框的padding值