datatable刷新表头
使用jQuery的datatable生成表格数据,当需要改变表头时,调用Table.fnDestroy();再重新创建表头
var oTable = null;
function initSettings() {
var columns = []; $.ajax({
type : "post",
url : "${ctx}/getDynamicColumns",
dataType : "json",
data : $("#query_form").serialize(),
async: false,
success : function(data){
columns.push({
"sTitle": "日期",
"mData": "createTime",
"sName": "createTime",
"sWidth": "120",
});
columns.push({
"sTitle": "商户全称",
"mData": "fullName",
"sName": "fullName",
"sWidth": "100",
});
columns.push({
"sTitle": "商户简称",
"mData": "shortName",
"sName": "shortName",
"sWidth": "100",
});
/* 这里其实是实现动态的列,查询到所要的列,再生成 */
$.map(data, function(item,index) {
console.log(item.sTitle)
columns.push({
"sTitle": item.sTitle,
"mData": item.mData,
"sName": item.sName,
"sWidth": "100",
"mRender":function(data,type,full){
if(data != null){
return data;
}else{
return "";
}
}
});
}); columns.push({
"sTitle": "一级代理商",
"mData": "agent1",
"sName": "agent1",
"sWidth": "100",
"mRender":function(data,type,full){
if(data != null && data !=""){
return data;
}else{
return "暂无";
}
}
});
columns.push({
"sTitle": "二级代理商",
"mData": "agent2",
"sName": "agent2",
"sWidth": "100",
"mRender":function(data,type,full){
if(data != null&& data !=""){
return data;
}else{
return "暂无";
}
}
});
}
}); return columns;
} function createTable() {
oTable = createDataTable("coupon_channel_table", {
"sAjaxSource": '${ctx}/coupon_channel_statistic/list',
"aoColumns": initSettings(),
"fnServerParams": function (params) {
var fields = $('#query_form').serializeArray();
$.each(fields, function (i, field) {
if (field.name && field.value) {
params.push({"name": field.name, "value": field.value});
}
});
}
});
} function loadTable(){
if(null != oTable) {
oTable.fnDestroy();//销毁表格对象
$("#detail_table_div").html("<table id='coupon_channel_table'></table>"); }
createTable();
/* if($("#coupon_channel_table").find("td").length == 0){
createTable();
}else{
oTable.fnDraw();
} */
}
页面div
<div id="detail_table_div">
<table id="coupon_channel_table"></table>
</div>
datatable刷新表头的更多相关文章
- datatable去掉表头默认排序
禁用排序:"ordering":false 某一列禁用排序:"orderable":false 以某一列排序:"order":[[x,&qu ...
- dataTable表头未对其解决方法
本文为博主原创,未经允许不得转载: 在tab页中使用dataTable时,默认显示的dataTable表头与数据显示正常,另一个的datatable则表头与数据未对其. 检查元素发现,datatabl ...
- Jquery DataTable控制显示列,导出EXCEL
1.初始化 var table = $('#table').DataTable({ "data": data[0].DATA, "columns": data[ ...
- QTableWidget自定义表头QHeaderView加全选复选框
1 QTableWidget自定义表头QHeaderView加全选复选框 在使用QTableWidget时需要在表头添加全选复选框,但是默认的表头无法添加复选框,只能用图片画上去一个复 ...
- Excel转化成DataTable实现:NPOI和OLEDb
使用两种方式实现的excel数据转化成DataSet,再结合前一篇的DataTable转化为实体,就可以解决excel到实体之间的转化. 代码如下: 首先定义一个接口: public interfac ...
- C#中Winform程序中如何实现多维表头【不通过第三方报表程序】
问题:C#中Winform程序中如何实现多维表头. 在网上搜了很多方法,大多数方法对于我这种新手,看的都不是很懂.最后在新浪博客看到了一篇比较易懂的文章:[DataGridView二维表头与合并单元格 ...
- C#NPOI.RabbitMQ.EF.Attribute.HttpRuntime.Cache.AD域.List<T>根据指定字段去重.前端JQuery.Cache.I18N(多语言).data-xx(自定义属性)
使用NPOI 操作Excel 个人使用的电脑基本默认安装Excel 操作起来 调用Excel的组件便可.如果是一台服务器.没有安装Excel,也就无法调用Excel组件. 在此推荐第三方插件.NPOI ...
- NPOI读取Excel表格类
public class NPOIHelper { private HSSFWorkbook workbook; public static IWorkbook Lo ...
- 使用MJRefresh遇到的坑
在使用MJRefresh的时候,下拉刷新表头停在了上部,箭头并没有隐藏 解决方法:进行数据请求的时候不要使用 beginRefresh方法,要直接调用方法进行数据请求
随机推荐
- Linux系统NFS网络文件系统
Linux系统NFS网络文件系统 NFS(network file system)网络文件系统,就是通过网络让不同的主机系统之间可以共享文件或目录,此种方法NFS客户端使用挂载的方式让共享文件或目录到 ...
- Linux0.11内核--加载可执行二进制文件之1.copy_strings
从现在开始就是分析最后的核心模块exec.c了,分析完这个文件后,就会和之前的所有分析形成一个环路,从创建进程.加载进程程序到进程调度.内存管理. exec.c的核心do_execve函数很长,而且用 ...
- IOS开发基础知识--碎片46
1:带中文的URL处理 // http://static.tripbe.com/videofiles/视频/我的自拍视频.mp4 NSString *path = (__bridge_transfer ...
- 让我们来谈谈JDBC
1.JDBC 1)JDBC简介 - JDBC就是Java中连接数据库方式 - 我们可以通过JDBC来执行SQL语句. 2)获取数据库连接 - j ...
- couchDB文档
每个文档都是自包含的数据单元,是一系列数据项的集合. 每个数据项都有一个名称与对应的值,值既可以是简单的数据类型,如字符串.数字和日期等:也可以是复杂的类型,如有序列表和关联对象. 每个文档都有一个全 ...
- FastDFS+Nginx(单点部署)事例
FastDFS是由淘宝的余庆先生所开发,是一个轻量级.高性能的开源分布式文件系统,用纯C语言开发,包括文件存储.文件同步.文件访问(上传.下载).存取负载均衡.在线扩容.相同内容只存储一份等功能,适合 ...
- Linux LVM学习总结——创建卷组VG
在Linux平台如何创建一个卷组(VG)呢?下面简单介绍一下卷组(VG)的创建步骤.本文实验平台为Red Hat Enterprise Linux Server release 6.6 (Santia ...
- SQLite学习笔记(九)&&pager模块
概述 通过上一篇文章的分析,我们知道了pager模块在整个sqlite中所处的位置.它是sqlite的核心模块,充当了多种重要角色.作为一个事务管理器,它通过并发控制和故障恢复实现事务的ACID特性, ...
- dragsort html拖拽排序
一.Jquery List DragSort 对于有些页面,如首页的定制,需要进行动态的拖拽排序.由于自己实现比较困难,我们一般会使用一些js插件来实现.dragsort 就是帮助我们完成这一需求.通 ...
- x01.Weiqi.10: 死活问题
估计得不错,点目后,仅一个方法:UpdateMeshes5() 就完美解决了梅花六.刀把五.斗笠四.盘角曲四等死活问题.先来看看效果图: 其代码如下: void UpdateMeshes5(bool ...