$(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>&nbsp;';" +
"}"+
"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 的标题的内容不对应整齐的更多相关文章

  1. easyui中datagrid标题居中内容居左实现方式

    easyui中的datagrid使用起来,确实还是挺轻巧方便,但是其中也有不少的问题,尤其遇到客户的一些特殊的需求时往往实现得不是很好.这个时候就需要我们自己动手来修改easyui的源码了.easyu ...

  2. C# WPF DataGrid 隔行变色及内容居中对齐

    C# WPF DataGrid 隔行变色及内容居中对齐. dqzww NET学习0     先看效果: 前台XAML代码: <!--引入样式文件--> <Window.Resourc ...

  3. WPF自学入门(六)WPF带标题的内容控件简单介绍

    在WPF自学入门(二)WPF-XAML布局控件的文章中分别介绍StackPanel,WarpPanel,DockPanel,Grid,Canvas五种布局容器的使用,可以让我们大致了解容器可以使用在什 ...

  4. dedecms在后台替换文章标题、内容、摘要、关键字

    dedecms在后台替换文章标题.内容.摘要.关键字所在的字段为: 后台替换文章内容 数据表:dede_addonarticle 字段:body 后台替换文章摘要内容 数据表:dede_archive ...

  5. C# winfrom 写的一个搜索助手,可以按照标题和内容搜索,支持doc,xls,ppt,pdf,txt等格式的文件搜索

    C# winfrom 写的一个搜索助手,可以按照标题和内容搜索,指定目录后,遍历搜索文件和子目,现在只写了支持.DOC.DOCX.XLS.XLSX.PPT.PPTX.PDF.HTML.HTM.TXT等 ...

  6. Python3:爬取新浪、网易、今日头条、UC四大网站新闻标题及内容

    Python3:爬取新浪.网易.今日头条.UC四大网站新闻标题及内容 以爬取相应网站的社会新闻内容为例: 一.新浪: 新浪网的新闻比较好爬取,我是用BeautifulSoup直接解析的,它并没有使用J ...

  7. 原生js制作标题与内容保持4行的效果

    在制作网页或移动端有时会用到一个效果,类似文章标题和文章描述的排列总是保持一样的行数,要么标题总是一行,多出的省略,要么标题内容1:3或2:2或3:1这样,今天练习这样的效果. 实现的原理:给标题和内 ...

  8. JQuery datatables 标题和内容居中显示

    1.如题,使用到了强大的表格插件datatables,要使标题和内容都居中显示,只需要在jsp引入css,写上如下内容即可: /*qiulinhe:2016年11月7日13:48:26*/ /* da ...

  9. 解决boostrap-table有水平和垂直滚动条时,滚动条滑到最右边表格标题和内容单元格无法对齐的问题

    问题:boostrap-table有水平和垂直滚动条时,滚动条不高的时候(滚动高度比较大的时候没有问题),滚动条滑到最右边表格标题和内容单元格无法对齐的问题 问题原因:bootstrap-table源 ...

随机推荐

  1. Stack&Heap的理解

    Heap(堆):在英文中有杂乱的堆意思,意译中文为堆:其特点为先进先出. 堆空间分配:一般由程序员分配释放, 若程序员不释放,程序结束时可能由OS回收,分配方式倒是类似于链表. Stack(栈):在英 ...

  2. leetcood学习笔记-102-二叉树的层次遍历

    题目描述: 方法一; class Solution(object): def levelOrder(self, root): """ :type root: TreeNo ...

  3. delphi xe10 麦克风、摄像头操作

    TakePhotoFromCameraAction1: TTakePhotoFromCameraAction; // 通过手机摄像头获取图片TakePhotoFromLibraryAction1: T ...

  4. PHP PDO 大对象 (LOBs)

    应用程序在某一时刻,可能需要在数据库中存储"大"数据. "大"通常意味着"大约 4kb 或以上",尽管某些数据库在数据达到"大&q ...

  5. JZOJ5143:无心行挽

    Description “What’s left to do when we’ve lost all hope?”“若内心万念俱灰,是否注定无心行挽?”------来自网易云音乐<Golden ...

  6. 暑假集训test-8-28

    大概是从我一年以来做过的最傻逼的一套题了.. 一个半小时打完三个程序三个暴力拍完以为自己AK了,开心地耍了两个小时. 结果T3要写高精,LL炸了后4个点,中间还有个点是啥都不选的,我没用0去更新又炸了 ...

  7. NX二次开发-UFUN工程图初始化视图信息UF_DRAW_initialize_view_info

    NX9+VS2012 #include <uf.h> #include <uf_draw.h> #include <uf_obj.h> #include <u ...

  8. NX二次开发-C++ DeleteFile删除文件实例代码

    NX9+VS2012 #include<Windows.h> DeleteFile("D:\\1\\test123.prt"); Caesar卢尚宇 2019年7月29 ...

  9. Spark 自定义函数(udf,udaf)

    Spark 版本 2.3 文中测试数据(json) {"name":"lillcol", "age":24,"ip":& ...

  10. 尾插法-实现链表反转(有点bug,以后再来研究下)

    def func2(head): p = head.next while p.next: q = p.next p.next = q.next # 重点 head.next = q q.next = ...