使用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. Cordova中使用gulp

    打开package.json,添加main:gulpfile.js     在dependencies中添加gulp,vs2015十分智能,可以智能从npm中获取依赖如下图:     在添加过程中注意 ...

  2. SuperMap iClient 7C——网络客户端GIS开发平台 产品新特性

    SuperMap iClient 7C是空间信息和服务的可视化交互开发平台,是SuperMap服务器系列产品的统一客户端.产品基于统一的架构体系,面向Web端和移动端提供了多种类型的SDK开发包,帮助 ...

  3. 谷歌电子市场1--BaseFragment

    1.BaseFragment 共性 加载中加载失败数据为空加载成功 2.loadData调用 3.网络封装 请求网络获取数据缓存机制(写缓存和读缓存)解析数据请求网络前,先判断是否有缓存, 有的话就加 ...

  4. iOS 获取相册中图片的名字 url

    __block NSString *imageFileName; NSURL *imageURL = [info valueForKey:UIImagePickerControllerReferenc ...

  5. centos6.5和centos7如何搭建php环境

    作者:白狼 出处:http://www.manks.top/linux_php.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责 ...

  6. JDBC Driver Types

    JDBC Driver Types Type1: JDBC-ODBC Bridge Driver Type2: JDBC-Native API Type3: JDBC-Net Pure Java Ty ...

  7. protobuf学习(1)-ubuntu14.04下protobuf2.6安装

    1 下载protobuf https://github.com/google/protobuf/releases/download/v2.6.1/protobuf-2.6.1.tar.gz 2  进入 ...

  8. Ubuntu14-04 MySQL-5.6.21通用二进制安装

    #卸载mysql /etc/init.d/mysqld stop &> /dev/null killall mysqld &> /dev/null sudo rm -rf ...

  9. Web报表工具FineReport的JS API开发(一)

    很多报表软件可以利用JS接口来实现更多更复杂的功能.以FineReport为例,开放了大量的JS API给用户,根据执行JS的主体不同可以将分为三大类:FR.FS和contentWindow. 在js ...

  10. ZBrush中该如何调节多个SubTool

    我们学习了人体的基本雕刻,了解了人体结构.比例.骨骼.肌肉对于人物模型雕刻的重要性.本节课对ZBrush中的"Transpose Master"功能进行讲解,这个插件是ZBrush ...