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="#" οnclick= 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: "黑体";
}

转载于:https://www.cnblogs.com/xiaoruilin/p/5051465.html

easyui datagrid 去掉外边框及行与行之间的横线标题字体相关推荐

jquery easyui datagrid 显示外键/子属性/二层属性的值的方法
数据库中有个学生表student,我使用SSH2框架,通过名为findForPage的action将数据库表student的内容读出,并转为json字符串,输出到页面,然后通过datagrid,将列表 ...
input输入框去掉外边框解决方案
input{ border:none; outline:medium; }
去除input框点击后的一圈样式_去除input边框 input去除边框去除input获取焦点时的蓝色外边框...
去除input的边框 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px so ...
html清除内部所有补白,如何清除行内元素之间的HTML空白
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 前言相信大家应该都遇到过下面这个问题:"HTML源码中行内元素之间的空白显示在了屏幕上".可能大家 ...
去掉easyui datagrid内部虚线的方式。
去掉easyui datagrid内部虚线的方式.easyui datagrid的样式是统一写在样式文件中的,如果想要统一替换可以找对应的datagird样式文件中的以下部分.如果想要改 ...
关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为"安徽中控"项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必 ...
easyui datagrid 多列排序,该如何处理[多列同时order，只针对某一列order]
easyui datagrid 多列排序不要demo里自带的multisort 那个是在第一列排序的基础上对第二列排序我只要多列单独排序每次都只管这一列的顺序不管原来已排过序的列可以把原来的 ...
EasyUI Datagrid跨行跨列的需求
常规开发后台管理系统中遇到的列表查询,都是用到最基本的数据网格,不包括单元格合并,多列页眉,冻结列和页脚等需求.类似如下这个列表实现也很简单,引入相关的js.css文件,html标签定义展示的列,通 ...
css中去掉input边框颜色,css怎么去掉input边框
li默认是块状元素,总是在新行上开始,占据一整行. 首页关于我们 < 2021-04-02 20:31:42 去掉input边框的具体操作步骤如下:1.在html页面中输入input的相关代码 ...
EasyUI datagrid detailview
全部展开: var me = this; setTimeout(function () { //延时触发easyui datagrid detailviewclick事件, 不用计时器无法展开,不 ...

easyui datagrid 去掉外边框及行与行之间的横线标题字体

easyui datagrid 去掉外边框及行与行之间的横线标题字体相关推荐

最新文章

热门文章