使用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刷新表头的更多相关文章

  1. datatable去掉表头默认排序

    禁用排序:"ordering":false 某一列禁用排序:"orderable":false 以某一列排序:"order":[[x,&qu ...

  2. dataTable表头未对其解决方法

    本文为博主原创,未经允许不得转载: 在tab页中使用dataTable时,默认显示的dataTable表头与数据显示正常,另一个的datatable则表头与数据未对其. 检查元素发现,datatabl ...

  3. Jquery DataTable控制显示列,导出EXCEL

    1.初始化 var table = $('#table').DataTable({ "data": data[0].DATA, "columns": data[ ...

  4. QTableWidget自定义表头QHeaderView加全选复选框

    1         QTableWidget自定义表头QHeaderView加全选复选框 在使用QTableWidget时需要在表头添加全选复选框,但是默认的表头无法添加复选框,只能用图片画上去一个复 ...

  5. Excel转化成DataTable实现:NPOI和OLEDb

    使用两种方式实现的excel数据转化成DataSet,再结合前一篇的DataTable转化为实体,就可以解决excel到实体之间的转化. 代码如下: 首先定义一个接口: public interfac ...

  6. C#中Winform程序中如何实现多维表头【不通过第三方报表程序】

    问题:C#中Winform程序中如何实现多维表头. 在网上搜了很多方法,大多数方法对于我这种新手,看的都不是很懂.最后在新浪博客看到了一篇比较易懂的文章:[DataGridView二维表头与合并单元格 ...

  7. C#NPOI.RabbitMQ.EF.Attribute.HttpRuntime.Cache.AD域.List<T>根据指定字段去重.前端JQuery.Cache.I18N(多语言).data-xx(自定义属性)

    使用NPOI 操作Excel 个人使用的电脑基本默认安装Excel 操作起来 调用Excel的组件便可.如果是一台服务器.没有安装Excel,也就无法调用Excel组件. 在此推荐第三方插件.NPOI ...

  8. NPOI读取Excel表格类

    public class NPOIHelper    {        private HSSFWorkbook workbook;        public static IWorkbook Lo ...

  9. 使用MJRefresh遇到的坑

    在使用MJRefresh的时候,下拉刷新表头停在了上部,箭头并没有隐藏 解决方法:进行数据请求的时候不要使用 beginRefresh方法,要直接调用方法进行数据请求

随机推荐

  1. 如何基于OM模型使用C#在程序中给SharePoint的BCS外部数据类型的字段赋值

    概述: 外部内容类型和数据,SharePoint从2010这个版本开始就对BCS提供非常强大的支持,点点鼠标就可以取代以前直接编辑XML的方式来设置SharePoint到SQL数据库的连接.非常方便地 ...

  2. 隐藏tabbar的属性hidesBottomBarWhenPushed

    项目中有需求是A视图控制器push之后B视图控制器需要隐藏底部的tabbar,在pop之后A视图控制器仍然显示tabbar. 其实不需要在push操作时敲 self.hidesBottomBarWhe ...

  3. IOS开发基础知识--碎片35

    1:iOS视图控制对象生命周期 init-初始化程序 viewDidLoad-加载视图 viewWillAppear-UIViewController对象的视图即将加入窗口时调用: viewDidAp ...

  4. KVC&&&KVO

    KVC 什么是KVC --->What KVC指的就是NSKeyValueCoding非正式协议. KVC是一种间接地访问对象的属性的机制. 这种间接表现在通过字符串来标识属性,而不是通过调用存 ...

  5. IIS7如何部署asp.net网站

      第一步:发布网站 右键asp.net web项目,选择发布, 然后新建配置文件名称并选择 "文件系统" 发布方法. 目标位置选择本地新建的文件夹如: IISWebSite 第二 ...

  6. C# 实现酒店房态图

    酒店管理系统最重要和实用的是能够及时.一目了然的反应房间状态的房态图,之前在开发一个的酒店管理系统中做了一个还算实用的房态图,现在分享下: 鼠标移到每个房间上面,可显示提示信息: 还可以自定义设置不同 ...

  7. Linux常用的命令以及一些常见的问题

    常用的linux 命令   1查看Linux版本 1.1 查看linux的内核版本 uname -r 或者uname -a 1.2 查看linux的具体版本号 cat /proc/version 1. ...

  8. 搞ACM的你伤不起[转自RoBa]------(看一次,笑一次)

    RoBa原创,转载请注明出处  劳资六年前开始搞ACM啊!!!!!!!!!! 从此踏上了尼玛不归路啊!!!!!!!!!!!! 谁特么跟劳资讲算法是程序设计的核心啊!!!!!! 尼玛除了面试题就没见过用 ...

  9. Linux 负载监控脚本

    #!/bin/bash Date=`echo $(date +%Y\-%m\-%d\ %H:%M:%S)`HostName=`hostname`IP=`ifconfig eth0 | grep &qu ...

  10. Java基础知识笔记(三:文件与数据流)

    一.输入流与输出流 输入流将数据从文件.标准输入或其他外部输入设备中加载到内存.输出流的作用则刚好相反,即将在内存中的数据保存到文件中,或传输给输出设备.输入流在Java语言中对应于抽象类java.i ...