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方法,要直接调用方法进行数据请求
随机推荐
- Android开发学习——应用安装过程
首先一个android项目,然后编译和打包,将.java文件编译为.class,.class编译为.dex,将所有文件打包为一个apk,只编译代码,不编译资源. .apk里面的.arsc是资源的索引, ...
- 【代码笔记】iOS-向服务器传JSON数据的两种方式
一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...
- Linux(RHEL6.0)下安装GCC
查看系统版本 [root@CP-RHEL proc]# cat /etc/issue Red Hat Enterprise Linux Server release 6.0 (Santiago) Ke ...
- TNS-12540: TNS:internal limit restriction exceeded
应用程序以及客户端工具(Toad.PL/SQL Developer等)出现突然连接不上数据库服务器的情况,监听日志listener.log里面出现了TSN-12518与TSN-12540错误,如下所示 ...
- .NET重构—单元测试的代码重构
阅读目录: 1.开篇介绍 2.单元测试.测试用例代码重复问题(大量使用重复的Mock对象及测试数据) 2.1.单元测试的继承体系(利用超类来减少Mock对象的使用) 2.1.1.公用的MOCK对象: ...
- MYSQL 5.7 无法启动(Could not open error log file errno 2)
前两天电脑中毒, 病毒好像把mysql的 log.err 文件给删掉了.然后服务一直启动不了:Could not open error log file errno 2. 然后疯狂百度,搜索的结果大多 ...
- I2C基础知识
常识 两条总线线路:串行数据总线SDA,串行时钟总线SCL 每个连接到总线的器件都有唯一的地址供其他设备寻址 每个连接到总线的器件都可以作为发送器和接收器 是多主机总线,如果两个或更多主机同时初始化, ...
- Mysql错误:Ignoring query to other database解决方法
Mysql错误:Ignoring query to other database解决方法 今天登陆mysql show databases出现Ignoring query to other datab ...
- <总结>delphi WebBrowser控件的使用中出现的bug
Delphi WebBrowser控件的使用中出现的bug: 1.WebBrowser.Visible=false:Visible属性不能使WebBrowser控件不可见,暂时用 WebBrowse ...
- monkeyrunner 自动化测试 图片对比的实现
这个功能在网上看了好多人的代码,但是总是在image.writeToFile('D:/tmp/images/black.png','png')这一句出错.查了google的API也感觉没错呀. 后来自 ...