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源 ...
随机推荐
- lombok @Builder实现原理
public class Person { private Person(Builder builder) { name = builder.name; age = builder.age; } pr ...
- 深入浅出的Object.defineProperty()
vue的原理 观察者模式和订阅-发布者模式. Vue实例被创建时,会遍历data属性,并通过Object.defineProperty将 这些属性转化为getter/setter,并进行追踪依赖.每当 ...
- DOM——创建元素的三种方式
document.write() document.write('新设置的内容<p>标签也可以生成</p>'); innerHTML var box = document. ...
- pytorch处理模型过拟合
演示代码如下 import torch from torch.autograd import Variable import torch.nn.functional as F import matpl ...
- ubantu 编译mysql++
sudo apt-get install mysql-server mysql-client 指定mysql-lib位置: ./configure --with-mysql-lib=/usr/lib/ ...
- Spring源码由浅入深系列三 refresh
spring中的refresh是一个相当重要的方法.它完成IOC的第一个阶段,将xml中的bean转化为beanDefinition.详细说明如上图所示. 在上图中,创建obtainFreshBean ...
- Spring 源码学习——加载 Bean
继上次注册 bean 之后好久没更新,这两天有空查了查资料也自己看了看 spring BeanFactory 的 getBean(beanName); 这个方法.因时间有限不能像之前那样复制代码并一行 ...
- 【csp】2017-12
第一题:游戏 题目: 题意:啊,不多赘述.看的懂. 题解:sort一下直接暴力比较大小. 代码: #include<iostream> #include<cstdio> #in ...
- 2008年最佳Web设计/前端开发技巧、脚本及资源总结
工具&Web应用 13个可能会让你说”Thank You”的必不可少的开源应用 14个免费工具让你了解为什么人们会放弃访问你的网站 40+CSS生成器 74个我们可能已经忘记的适合网页设计师的 ...
- sql 递归查询,刁刁的
with cte as( select IDPlus,SuperiorsIDPlus,RoleGrade,viplevel,NAME,WeixinId from Member where IDPlus ...