datatables隐藏列排序
var tableOption = {
id: 'cacScriptTable',
order: [[2, 'desc'],[1, 'desc']],//以第三列‘updatedAt’排序,如果第三列的值相同就以第二列排序
aoColumns: [
{mData: 'scriptName', title: '名称'},
{mData: 'endedAt', title: '创建时间', visible: false,order:'desc'},
{mData: 'updatedAt', title: '修改时间', visible: false,order:'desc'},
{mData: 'scriptName', title: '名称'},
{mData: 'scriptParams', title: '参数'},
{mData: 'createdBy', title: '上传用户'},
{mData: 'description', title: '描述'},
{
mData: 'id',
title: '操作',
className: 'text-center',
searchable: false,
orderable: false,
render: function (data, type, row, meta) {
var id = "'" + row.id + "'";
var script = encodeURI(angular.toJson(row));
var actionHtml =
'<div class="btn-group">' +
'<button type="button" class="btn btn-default btn-sm" title="编辑" ng-click="cacScriptListCtrlVm.views.editScript(\'' + script + '\')">' +
'<span class="fa fa-pencil"></span>' +
'</button>' +
'<button type="button" class="btn btn-default btn-sm" title="删除" ng-click="cacScriptListCtrlVm.views.deleteScript(' + id + ')">' +
'<span class="fa fa-remove"></span>' +
'</button>' +
'</div>';
return actionHtml;
},
createdCell: function (nTd, sData, oData, iRow, iCol) {
$compile(nTd)($scope);
}
}
]
};
function init() {
if (_appconfig.modules.cac.useLocalDb) {
tableOption.ajaxSource = 'app/modules/cac/api/script.json';
$timeout(function () {
vm.views.tableInstance = cacService.prepareDatatable(".scriptTableDiv .scriptTable", tableOption);
}, 10);
} else {
tableOption.ajax = cacService.assembleDataTableUrl('/api/cac/audit/scripts');
$timeout(function () {
vm.views.tableInstance = cacService.prepareDatatable(".scriptTableDiv .scriptTable", tableOption);
}, 10);
}
}
datatables隐藏列排序的更多相关文章
- datatables隐藏列与createdRow渲染bootstrapSwitch形成的BUG
背景: 昨天写了一个页面用于规则库的增删改查. 数据使用datatables渲染,后端返回数据由前端进行一次性渲染和分页. 隐藏列: 排序的ID不展示,但是排序又想按照ID来排,所以把ID单独作为一列 ...
- XtraReport交叉表隐藏列标题及自定义排序
1.隐藏列标题 用DevExpress PivotGrid report 做报表的时候,将字段拖放到报表中后,ColumnArea和DataArea会显示两个标题字段,如下图: 选中交叉表,设置以下属 ...
- DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开发深入学习,根据后台数据接口替换掉本地的json本地数据,以及报错的处理地方,8个例子(显示行附加信息,回调使用api,动态显示和隐藏列...),详细教程
一.DataTables 个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错 ...
- Cognos开发报表如何隐藏列
情景:当报表必须用到一列的存在,但是不需要显示该列的时候,我们就需要隐藏该列了,所有对象. 如何隐藏呢? 步骤1:选择要隐藏列的列标题和列正文两个部分 步骤2:分别找到左侧属性的条件样式,新建条件样式 ...
- QRowTable表格控件-支持hover整行、checked整行、指定列排序等
目录 一.开心一刻 二.嘴一嘴 三.效果展示 四.浅谈实现 五.自定义数据源 1.data函数 2.flags函数 六.自定义视图 1.目的 2.问题分析 七.测试 八.相关文章 原文链接:QRowT ...
- Jtable 表格按多列排序(支持中文汉字排序)
这两天公司让做一个Jtable表格的排序,首先按A列排序,在A列相等时按B列排序,B列相等时按C列排序,ABC三列可以任意指定,最多分三列,这样的一个需求.由于我是大神,所以必须做了出来.ok,不自恋 ...
- Easyui datagrid 显示隐藏列
html: <div style="float: left; width: 1450px; height:auto; "> & ...
- easyUI datagraid的列排序
在给datagraid做多列排序时请注意: 首先,做的是后台排序,那么需要设置: remoteSort:'true', 然后,不要添加 multiSort:'true',这个是多列一起排序无法实现.. ...
- EF架构~真正被封装的排序方法,支持多列排序
回到目录 对于linq to sql 和linq to entity来说,当你把获取数据的方法封装了之后,总觉得还缺点什么,想了之后,应该是排序,但看了微软的orchard项目之后,觉得它的排序封装的 ...
随机推荐
- 更新yum源却忘了生成缓存 造成每次启动机器报:the package list needs to be rebuilt
更新yum源的后一定要执行下面的两条命令: yum clean all yum makecache 注意:如果有第三方源的时候是,开机发果不联网的时候,也会报这个错!!!!!
- mongoose中的versionKey
通过mongoose中的save方法保存记录时document文档默认最后会有一个字段"__v",这个字段表示该文档是否是刚刚创建的,如果是则字段"__v"的值 ...
- android笔记---AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="ht ...
- 使用 Electron 构建桌面应用(拖动控制篇)
使用 Electron 构建桌面应用(拖动控制篇) 当窗口被定义了大小,我们也就是在自定义这个窗口,使得它不可拉伸没有框架,让它看起来就像一个真正的声效器浮在桌面上. 现在问题来了 – 要如何移动或者 ...
- VMware中Linux启动时***Host SMBus controller not enabled的解决方法
Ubuntu18.04 64位 1.1如果能进入图形界面 在终端输入sudo su 键入root密码 //切换到root用户 1.2 如果不能进入图形界面,在VMware进入界面时按下shift进入G ...
- 关于taglib的uri域
如果tld文件中有uri,那么你可以直接使用该tld文件中写的uri,就不用在web.xml中配置taglib了,如图 如果你在web.xml中配置了taglib,那么你也可以选择使用你配置的uri( ...
- opensips安装
主要流程见这个教程吧:感谢大佬 http://blog.csdn.net/u011026329/article/details/50821679 其中 mediaproxy的安装会出错.做如下修改 下 ...
- C++笔记 2
1.程序由函数组成,函数只完成自己特定的功能即可 把函数声明写在头文件里(想使用函数时,可直接导入头文件,调用函数),把函数实现写在".cc"文件中 把多个".c ...
- JavaScript 使用 php 的变量
php 里面有一个变量,我想让 js 调用他, 有如下流程: <?php for ($i = 0; $i < 8; $i++) { echo "<tr>"; ...
- websocket 初步使用经验(python)
想实现网页前端和后端的数据同步交互,就有必要使用 websocket 的方式进行通信. python websocket github 地址:git@github.com:Aplexchenfl/py ...