datagrid 的标题的内容不对应整齐
$(document).ready(function(){
var column = "[["+
"{'title':'工号','field':'grantorCode','sortable':'true','hidden':'true','width':fixWidth(0)},"+
"{'title':'外出告知人','field':'grantor','sortable':'true','width':fixWidth(0.15)},"+
"{'title':'开始时间','field':'startTime','sortable':'true','width':fixWidth(0.2),'formatter':function(value,row,index){return value.substring(0,19);}},"+
"{'title':'结束时间','field':'endTime','sortable':'true','width':fixWidth(0.2),'formatter':function(value,row,index){return value.substring(0,19);}},"+
"{'title':'状态','field':'openClose','sortable':'true','width':fixWidth(0.15),'formatter':function(value,row,index){"+
" if (row.openClose=='1'){" +
" return '待确认';" +
" } else if(row.openClose=='2'){" +
" return '待生效';" +
" } else if(row.openClose=='3'){" +
" return '已生效';" +
" } else if(row.openClose=='4'){" +
" return '终止';" +
" } else if(row.openClose=='5'){" +
" return '取消';" +
" }" +
"}},"+
"{'title':'性质','field':'exp1','sortable':'true','width':fixWidth(0.15),'formatter':function(value,row,index){"+
" if (row.exp1=='sq'){" +
" return '授权';" +
" } else if(row.exp1=='qj'){" +
" return '外出告知';" +
" } else if(row.exp1=='zsq'){" +
" return '再授权';" +
" }" +
"}},"+
"{'title':'操作','field':'opt','sortable':'true','width':fixWidth(0.15),'formatter':function(value,row,index){"+
"var str='';"+
"var id=\"'\"+row.id+\"'\";"+
"var exp1=\"'\"+row.exp1+\"'\";"+
"if(row.exp2=='Y'){"+
"str += '<a class=\"ace_button\" href=\"#\" onclick=\"stopOrdeleteOnlick('+id+','+exp1+')\">取消</a> ';" +
"}"+
"return str;"+
"}}"+
"]]";
column = eval(column);
$("#tEmDutyAuthorizztionList").datagrid({
columns:column,
rownumber:true,
fitcolumns:true,
idField:"id",
sortOrder:"desc",
sortName:"endTime",
fit:"true",
queryMode:"group"
});
}); //设置宽度百分比
function fixWidth(percent) {
return document.documentElement.clientWidth * percent; //这里你可以自己做调整
}
//设置高度百分比
function fixHeight(percent) {
return document.documentElement.clientHeight * percent - 9; //这里你可以自己做调整
}
datagrid 的标题的内容不对应整齐的更多相关文章
- easyui中datagrid标题居中内容居左实现方式
easyui中的datagrid使用起来,确实还是挺轻巧方便,但是其中也有不少的问题,尤其遇到客户的一些特殊的需求时往往实现得不是很好.这个时候就需要我们自己动手来修改easyui的源码了.easyu ...
- C# WPF DataGrid 隔行变色及内容居中对齐
C# WPF DataGrid 隔行变色及内容居中对齐. dqzww NET学习0 先看效果: 前台XAML代码: <!--引入样式文件--> <Window.Resourc ...
- WPF自学入门(六)WPF带标题的内容控件简单介绍
在WPF自学入门(二)WPF-XAML布局控件的文章中分别介绍StackPanel,WarpPanel,DockPanel,Grid,Canvas五种布局容器的使用,可以让我们大致了解容器可以使用在什 ...
- dedecms在后台替换文章标题、内容、摘要、关键字
dedecms在后台替换文章标题.内容.摘要.关键字所在的字段为: 后台替换文章内容 数据表:dede_addonarticle 字段:body 后台替换文章摘要内容 数据表:dede_archive ...
- C# winfrom 写的一个搜索助手,可以按照标题和内容搜索,支持doc,xls,ppt,pdf,txt等格式的文件搜索
C# winfrom 写的一个搜索助手,可以按照标题和内容搜索,指定目录后,遍历搜索文件和子目,现在只写了支持.DOC.DOCX.XLS.XLSX.PPT.PPTX.PDF.HTML.HTM.TXT等 ...
- Python3:爬取新浪、网易、今日头条、UC四大网站新闻标题及内容
Python3:爬取新浪.网易.今日头条.UC四大网站新闻标题及内容 以爬取相应网站的社会新闻内容为例: 一.新浪: 新浪网的新闻比较好爬取,我是用BeautifulSoup直接解析的,它并没有使用J ...
- 原生js制作标题与内容保持4行的效果
在制作网页或移动端有时会用到一个效果,类似文章标题和文章描述的排列总是保持一样的行数,要么标题总是一行,多出的省略,要么标题内容1:3或2:2或3:1这样,今天练习这样的效果. 实现的原理:给标题和内 ...
- JQuery datatables 标题和内容居中显示
1.如题,使用到了强大的表格插件datatables,要使标题和内容都居中显示,只需要在jsp引入css,写上如下内容即可: /*qiulinhe:2016年11月7日13:48:26*/ /* da ...
- 解决boostrap-table有水平和垂直滚动条时,滚动条滑到最右边表格标题和内容单元格无法对齐的问题
问题:boostrap-table有水平和垂直滚动条时,滚动条不高的时候(滚动高度比较大的时候没有问题),滚动条滑到最右边表格标题和内容单元格无法对齐的问题 问题原因:bootstrap-table源 ...
随机推荐
- js数组中对象去重 (reduce() 方法)
一个数组中含有对象,并且去掉数组中重复的对象.主要代码如下: var arrData = [ {id: , name: "小明"}, {id: , name: "小张&q ...
- 解析Spring第三天(面向切面AOP)
面向切面:AOP 在不修改源代码的基础上,对方法进行增强.AOP的底层原理就是代理技术(第一种:jdk的动态代理(编写程序必须要有接口).第二种:cglib代理技术(生成类的子类).如果编写的程序有借 ...
- [原创]Delphi 字符串函数(字符串判断 TryStrToFloat 、TryStrToInt、TryStrToInt64、TryStrToBool、TryStrToCurr、TryStrToDate、TryStrToTime、TryStrToDateTime)
引用单元SysUtils TryStrToFloat .TryStrToInt.TryStrToInt64.TryStrToBool.TryStrToCurr.TryStrToDate.TryStrT ...
- ubuntu 16.04 jdk-8u201-linux-x64.tar.gz 安装部署
都是在普通用户加sudo代替root 1.sudo tar -zxvf jdk-8u201-linux-x64.tar.gz2.sudo chown make:make jdk1.8.0/3.sudo ...
- hdu6606多校第四次04——线段树加速dp
/* 首先想到二分答案,难点在于如何判断是否有K段,每段和<=mid 把问题转化成求最多有R段,最少有L段,每段的的和<=mid,如果 L<=K<=R 那么显然存在把这个序列分 ...
- Java-Class-C:org.springframework.http.converter.StringHttpMessageConverter
ylbtech-Java-Class-C:org.springframework.http.converter.StringHttpMessageConverter 1.返回顶部 1.1. impor ...
- Java-Class-I:java.util.Map
ylbtech-Java-Class-I:java.util.Map 1.返回顶部 1.1. import java.util.HashMap; import java.util.Map; 1.2. ...
- MySQL初步理解,简易单表增删改查
什么是数据库? 存储数据的仓库,本质是一个文件系统,封装了算法和文件之前数据的存储模式 阶段1:集合 数组 变量 缺点:数据存储在内存中,不能实现数据的持久化存储 阶段2:IO流 结合文件 .txt ...
- HTML_标签
<!--HTML:1.概念:最基础的网页开发语言Hyper Text Markup Language 超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本. ...
- java 对象转Map方法Demo
/** * 用于对Object进行解析并且转换成Map键值对的形式 * */ public class ObjectUtils { private static final String JAVAP ...