小阿七Eason 2023-05-29 13:09 采纳率: 70%
浏览 25
已结题

请教datagrid中字体大小

我现在需要改变某一行的字体,发现 字体是变大了,但是感觉变大的部分被隐藏了,请教是哪里的原因:

img

第一行的字体变大了 ,但是变大的部分被隐藏了,我就是合并了单元格,然后最后设置了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';
         }
}
});

  • 写回答

1条回答 默认 最新

  • qq_38553011 2023-05-29 13:44
    关注

    line-height: 50px;或者更高一些,如果不行可以查一下外部框的padding值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 6月7日
  • 已采纳回答 5月30日
  • 创建了问题 5月29日

悬赏问题

  • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等
  • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行