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方法,要直接调用方法进行数据请求
随机推荐
- iOS 疑难杂症— — 收到推送显示后自动消失的问题
声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 问题 正在支持 Remote Noti ...
- 2016年4月21百度iOS实习生在线笔试题&编程题
1.一个人上台阶可以一次上1个,2个,或者3个,问这个人上32层的台阶,总共有几种走法? 思路:先建立数学模型,设3步的走 i 次,2步的走 j 次, 1步的走 k 次,上了3*i + 2*j + 1 ...
- SQL SERVER Transactional Replication中添加新表如何不初始化整个快照
在SQL SERVER的复制(Replication)中,有可能出现由于业务需求变更,需要新增一张表或一些表到已有的复制(发布订阅)当中,这种需求应该是很正常,也很常见的.但是在已有的复制(发布订阅) ...
- Excel画的图复制到Word中变形的解决办法
在Excel里画好了图,复制到Word里面经常会变形变的一塌糊涂,面目全非,实在是不理解微软为什么要把自己家的软件搞成这样. 要想保持形状不变,需要这样做: 1. 在Excel里面复制图形,和往常一样 ...
- 35个java代码性能优化。。转
前言 代码优化,一个很重要的课题.可能有些人觉得没用,一些细小的地方有什么好修改的,改与不改对于代码的运行效率有什么影响呢?这个问题我是这么考虑 的,就像大海里面的鲸鱼一样,它吃一条小虾米有用吗?没用 ...
- Oracle 12c 使用scott等普通用户的方法
目录: 一.前言 二.使用普通用户 三.自动启动PDB 一.前言 最近电脑上安装了oracle 12c数据库,想体验下新特性.安装完后,便像11g一样在dos窗口进行下面的操作: SQL Produc ...
- Centos 6.5 Zookeeper 安装
tar -xvf zookeeper-3.4.8.tar.gz 修改配置文件 测试 上传启动脚本,内容如下: #!/bin/bash #chkconfig:2345 20 90 #descriptio ...
- STM32 KEIL不能输入仿真引脚端口error 65: access violation at 0x40021000 : no 'read' permission
使用MDK自己创建一个STM32F103ZE核的项目 加入源码后编译,正常,在线仿真单步执行出现如下问题 error 65: access violation at 0x40021000 : no ' ...
- Linux indent
一.简介 indent可辨识C的原始代码文件,并加以格式化,以方便程序设计师阅读. 二.选项 http://www.runoob.com/linux/linux-comm-indent.html 三. ...
- VS2013问题与解决方法
问题: Getting Error "'Microsoft.VisualStudio.Editor.Implementation.EditorPackage' package did not ...