easyui datagrid 去掉外边框及行与行之间的横线标题字体
这是以前写的一个项目中写的东西,为了让datagrid样式好看,所有做的这个处理:
今天同事又问到于是记录下来
$('#id').datagrid({
                width: '99%',
                height: 150,
                fit: false,
                nowrap: true,
                url: 'url地址',
                singleSelect: true,
                columns: [
                    [
                        {
                            field: 'TaskName', title: '标题', width: '100%', formatter: function (v, rd, i) {
                                if (v != undefined) {
                                    return '<img src="../Images/roundpoint.png"></img> <a href="#" onclick= ReportDetails(\'' + rd.MatTypeInt +
                                            '\',\'' + rd.PeriodNo + '\',\'' + rd.TaskId + '\',\'' + v + '\',\'' + rd.MatType + '\')  class="href-noneline-blacknofont" >' + v + ',' + '<span class="red-font">' + rd.MatType + '</span>总数' +
                                            '<span class="red-font">' + rd.PriceCount + '</span>条';
                                }
                            }
                        }
                    ]
                ], onLoadSuccess: function (data) {
                    var panel = $(this).datagrid('getPanel');
                    var tr = panel.find('div.datagrid-body tr');
                    tr.each(function () {
                        var td = $(this).children('td');
                        td.css({
                            "border-width": "0"
                        });
                        ;
                    });
                }
            });
关键是:
onLoadSuccess: function (data) {
  var panel = $(this).datagrid('getPanel');
  var tr = panel.find('div.datagrid-body tr');
  tr.each(function () {
    var td = $(this).children('td');
    td.css({
      "border-width": "0"
    });
});
下面是去外边框线:
#idDiv .datagrid-header {
            position: absolute;
            visibility: hidden;
        }
#idDiv .datagrid-body {
            overflow: hidden;
        }
标题字体:
#iddiv .datagrid-header .datagrid-cell span {
            font-size: 18px;
            font-family: "黑体";
        }
easyui datagrid 去掉外边框及行与行之间的横线标题字体的更多相关文章
- css总结4:input 去掉外边框,placeholder的字体颜色、字号
		
1 input 标签去除外边框: 在进行webAPP开发时,input外边框非常影响美观,去除外边框方法如下: <input style="border: 0px;outline:no ...
 - easyui datagrid去掉加载提示
		
掉这个等待效果的方法:查了easyui的api,datagrid没有去掉这个遮罩层的方法或者属性,在网上找了半天也没人碰到相同的问题(可能比较easy就解决了吧).还好easyui是开源的,就研究它的 ...
 - Easyui datagrid 去掉表头的checkbox复选框
		
$(".datagrid-header-check").html(""); 在onLoadSuccess中加入此行代码即可实现datagrid去除表头的chec ...
 - easyui datagrid去掉全选按钮
		
第一步: F12查看元素,选中全选按钮,把全选按钮的class里边加上display:none属性.找到对应的class,即.datagrid-header-check. 第二步: 在加载 表格的时候 ...
 - EasyUI datagrid.getSelections 没有返回正确的选择行数
		
Actually i solved the problem. It was because the idField of the table i was using was incorrect. it ...
 - easyui datagrid 去掉 全选checkbox
		
在加载 表格的时候添加事件:onLoadSuccess 在事件中写入下面句,用空代替原有HTML 达到取消效果. $(".datagrid-header-check").html( ...
 - CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习
		
CSS 中添加 outline:medium; JS 控制焦点: $("#CUSTOM_PHONE").focus(function(event){ // this.attr(&q ...
 - 2018.7.15 解决css中input输入框点击时去掉外边框方法
		
.input_css{ background:no-repeat 0 0 scroll #EEEEEE; border:none; outline:medium; }
 - Android开发之ScrollView去掉右侧滚动条,gridview如何去掉外边框
		
android:scrollbars="none" android:listSelector="@null"
 
随机推荐
- 〖Android〗arm-linux-androideabi-gdb报 libpython2.6.so.1.0: cannot open shared object file错误的解决方法
			
执行: prebuilts/gcc/linux-x86/arm/arm-linux-androideabi-4.6/bin/arm-linux-androideabi-gdb out/target/p ...
 - libmongoc关于\$pullAll和\$addToSet的一个使用问题记录
			
问题描述及测试结果 在使用mongodb时,对一个document中的数组成员进行更新的时候,可以使用$pull $push $pop $addToSet $pullAll和$each $positi ...
 - MUI class="mui-switch" 开关 默认为选中
			
<label >日期条件: </label> <div id="is_select_time" class="mui-switch mui- ...
 - php中cal_days_in_month不可用时的替代方法(计算一个月的天数)
			
在计算某个月中的天数时,由于PHP编译时没有加上--enable-calendar选项,会导致cal_days_in_month方法不可用. 这时,如果不能更改服务器的编译设置,可以通过以下方法实现该 ...
 - netty实现多个handler顺序调用
			
在netty中,一次数据交互,可以由多个handler去处理,例如 handler1 和 handler2,那么,在前面那个handler的 messageReceived 的最后要加上 ctx.se ...
 - 基于mindwave脑电波进行疲劳检测算法的设计(3)
			
这一节我将讲解thinkgear.h 里面的函数和宏定义.这一些都可以在MindSet Development Tools\ThinkGear Communications Driver\docs\h ...
 - Selenium Web 自动化 - 项目实战(二)
			
Selenium Web 自动化 - 项目实战(二) 2016-08-08 什么是数据驱动?简答的理解就是测试数据决定了测试结果,这就是所谓数据驱动.数据驱动包含了数据,他就是测试数据,在自动化领域里 ...
 - Entity Framework定义外键,限制通过migration命令自动更改字段名称
			
1.问题 在定义一个表的外键时,通过add-migration命令生成,并通过update-database更新到数据库,发现外键名称发生了重命名.举例说明: 人员表[User](Id,Name,Pa ...
 - Asp.net Daily Build by MsBuild
			
:: 目录结构:: +GW.Point.BLL --dir dll:: +GW.Point.IBLL --dir dll:: +GW.Point.DAL --dir dll:: +GW.Point.I ...
 - RR算法 调度
			
RR算法是使用非常广泛的一种调度算法. 首先将所有就绪的队列按FCFS策略排成一个就绪队列,然后系统设置一定的时间片,每次给队首作业分配时间片.如果此作业运行结束,即使时间片没用完,立刻从队列中去除此 ...