[Jquery DataTable] 动态生成列名

 

复制代码
 1     $.ajax({
 2         type: "GET",
 3         contentType: "application/json; charset=utf-8",
 4         url: "",
 5         success: function (res) {
 6 
 7                 $("#TableID").empty();  //Table ID
 8 
 9                 var columns = [];
10                 var TableHeader = "<thead><tr>";   
11 
12                 $.each(res.data[0], function (key, value) {
13                     columns.push({ "data": key });
14                     TableHeader += "<th>" + key + "</th>";
15                 });
16 
17                 $("#TableID").append(TableHeader);
18 
19                 $('#TableID').dataTable({
20                    //.....
21                    "columns": columns
22                 });
23         },
24         error: function (xmlHttpRequest, textStatus, errorThrown) {
25         }
26     });
复制代码

 

posted @   WikiChen  阅读(46)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示