aocolumeDef.这个里面去定义.return返回的字符串会代替原来cell里面的内容

e.g:
datatable=$('#dt_basic').dataTable({
"bAutoWidth": false,
"bStateSave":true,
"sPaginationType": "bootstrap_full",
"sAjaxSource":url,
"sAjaxDataProp": "poolList",
"aoColumns": [{ "sTitle":"ID", "mDataProp": "poolId","sClass":"center"},
{ "sTitle":"存储池名称", "mDataProp": "poolName","sClass":"center"},
{ "sTitle":"运行状态", "mDataProp": "status","sClass":"center"},
{ "sTitle":"缓存状态", "mDataProp": "iscache","sClass":"center"},
{ "sTitle":"总容量", "mDataProp": "diskPack.poolSize","sClass":"center"},
{ "sTitle":"使用率", "mDataProp": "diskPack.usage" ,"sClass":"td-progress center"},
{ "sTitle":"操作","mDataProp": "objectId","sClass":"center"},
{ "sTitle":"创建时间", "mDataProp": "createTime","sClass":"center"}
],
"aoColumnDefs":[{"aTargets":[6],"mRender":function(data,type,full){
return "<a href=\"#myModal-edit\" data-toggle=\"modal\" onclick=\"preUpdate('"+data+"')\"> <i class=\"fa fa-lg-2 fa-pencil\"> </i> </a> <a href=\"javascript:void(0)\" data-toggle=\"modal\" class=\"smart-mod-eg1\" onclick=\"delPool('"+data+"',event)\"> <i class=\"fa fa-lg-2 fa-trash-o\"> </i> </a> "}
},
{"aTargets":[5],"mRender":function(data,type,full){
return data+"%<div class=\"progress\"><div aria-valuetransitiongoal=\""+data+"\" class=\"progress-bar bg-color-teal\" style=\"width: "+data+"%;\" aria-valuenow=\""+data+"\"> </div></div>";
} },
{"aTargets":[2],"mRender":function(data,type,full){
if(data=='2'){
return "维护";
}else{
return "运行";
}
}
}, {"aTargets":[3],"mRender":function(data,type,full){
if(data=='1'){
return "是";
}else{
return "否";
} }
},
{"aTargets":[0],"mRender":function(data,type,full){
return data+" <a href=\"#myModal-file\" data-toggle=\"modal\" onclick=\"viewpool('"+full.objectId+"',event)\"> <i class=\"fa fa-lg-2 fa-file-o \"></a>";
}
}
]
});

jQuery的datatable怎么才能给某一列添加超链接?的更多相关文章

  1. DataTable操作(建表,建行,建列,添加数据)

    public DataTable GetNewTable() { DataTable dt2 = new DataTable("NewDataSet"); //创建一个新Table ...

  2. jQuery的datatable的destroy属性,和$("#test").dataTable().fnDestroy();区别,两者的区别

    jQuery的datatable的destroy属性,和$("#test").dataTable().fnDestroy();区别,两者的区别. 1 destroy属性是,销毁实例 ...

  3. c# DataTable第二行改为各列标题字段

    DataTable dt = ExcelHelper.ToDataTable(fileinfo.FilePath); //将datatable的第二行变为列标题字段 DataTable dt2 = n ...

  4. jquery plug-in DataTable API中文文档参考

    前言:最近在做一个WEB后台,无意中发现这个插件,试用了一下觉得不错,但网上关于它的资料大多不全,所以利用一些时间将其API文档翻了一下,发在园子里供大家参考.(p.s:个人E文水平很差,对着灵格斯翻 ...

  5. jquery 中dataTable显示加载中,图片或文字

    引入js文件 <script type="text/javascript" src="${basePath}/lib/datatables/1.10.0/jquer ...

  6. 使用jQuery开发datatable分页表格插件

    当系统数据量很大时,前端的分页.异步获取方式就成了较好的解决方案.一直以来,我都希望使用自己开发的 jquery 插件做系统. 现在,学习了 jquery 插件开发之后,渐渐地也自己去尝试着开发一些简 ...

  7. jquery的DataTable按列排序

    不管你用SQL查询数据时,是如何排序的,当数据传递给DataTable时,它会按照它自己的规则再进行一次排序,这个规则就是"order" 可以使用以下代码来进行排序 $('#exa ...

  8. datatable.js 服务端分页+fixColumns列固定

    前言 记得还是15年的时候,工作需要,独自写后台管理系统..记得那时候,最让我头疼的不是后台逻辑,而是数据的列表展示. 列很多的时候,页面显示问题;分页样式问题;表格样式问题;数据加载...很多细节的 ...

  9. dataTable插件锁表头和锁列的教程

    源代码下载 我的同事让我帮忙给弄个锁头锁列的插件.结果找到大名鼎鼎的jquery dataTable插件. 今天我们来介绍不常用的功能:dataTable插件锁表头和锁前两列 由于是移动前端.我们不考 ...

随机推荐

  1. 将web应用打成war包发布到服务器

    如何将web应用打成war应用发布到服务器步骤: (1)先有一web应用"google"在C:盘下,如图: google下目录有WEB-INF文件夹(下有classes.lib.w ...

  2. 编译为 Release 与 Debug 的区别

    class Program { static void Main(string[] args) { DoWork(); } static void DoWork() { new Person().Ru ...

  3. 山寨小小军团开发笔记 之 Arrow Projectile

    好久没怎么更新博客了,今天抽空来一篇,讨论一下弓箭的轨迹生成. 一.原理 弓箭的轨迹本质就是一个数学问题,使用一个 bezier 曲线公式就可以插值生成.得到轨迹后,做一个lookAt就可以了. 二. ...

  4. 【二叉树遍历模版】前序遍历&&中序遍历&&后序遍历&&层次遍历&&Root->Right->Left遍历

    [二叉树遍历模版]前序遍历     1.递归实现 test.cpp: 12345678910111213141516171819202122232425262728293031323334353637 ...

  5. IOS:利用dispatch_once创建单例

    在之前有一篇学习笔记中,记载了一篇如何在OC中实现单例的文章:<IOS学习笔记4—Objective C—创建单例>自苹果引入了Grand Central Dispatch (GCD)(M ...

  6. 简单易懂的现代魔法——Play Framework攻略2

    接前文:http://www.cnblogs.com/Kassadin/p/4335908.html 上次讲到Play Framework开发环境的配置,以及第一个Hello World程序:本次主要 ...

  7. lintcode 中等题:Intersection of Two Linked Lists 两个链表的交叉

    题目 两个链表的交叉 请写一个程序,找到两个单链表最开始的交叉节点. 样例 下列两个链表: A: a1 → a2 ↘ c1 → c2 → c3 ↗ B: b1 → b2 → b3 在节点 c1 开始交 ...

  8. POJ1182 食物链

    并查集经典题1. 向量的思考模式2. 再计算向量时,要画图:有一个关系一开始写错了3. 本人的norm函数一开始x >= 3写成了 x>3,应该对这种小函数多做UT(口头上的,比如)4. ...

  9. 对象的类型转换P109

    类作为一种应用数据类型,和基本数据类型的变量一样.不同类中存在对象与对象之间的类型转问题,对象的类型转换只能在  具有继承关系的 父类对象-----子类对象 之间进行   子类通常比父类拥有更多的域和 ...

  10. Bolt 动画

    引擎内置的 种动画 --PosChangeAnimation 平移 local ani = XLGetObject("Xunlei.UIEngine.AnimationFactory&quo ...