layui.table动态获取表头和列表数据示例

2020年07月14日

| 萬仟网IT编程

| 我要评论

```javascript//表格layui.use(‘table’, function() {var table = layui.table;var cols = [], data = [];$.ajax({url:"/index.php?c=Api&a=getProductByCategory&cid={$data[0][classid]}", async: false, success:function(re){ data = re.data; cols =.

html:

//表格

layui.use('table', function() {

var table = layui.table;

var cols = [], data = [];

$.ajax({url:"/index.php?c=Api&a=getProductByCategory&cid={$data[0][classid]}", async: false, success:function(re){

data = re.data;

cols = re.cols;

}});

table.render({

elem: '#demo'

,cols: [cols]

,data: data

});

/*

table.render({

elem: '#demo'

,cols: [cols]

,url: '/index.php'

,method: 'get'

,where: {c:'Api',a:'getProductByCategory',cid:'{$data[0][classid]}'}

,request: {

pageName: 'page' //页码的参数名称，默认：page

,limitName: '9999' //每页数据量的参数名，默认：limit

}

,parseData: function(res){ //res 即为原始返回的数据

return {

"code": res.code, //解析接口状态

"msg": res.msg, //解析提示文本

"count": res.count, //解析数据长度

"cols": res.cols, //cols

"data": res.data //解析数据列表

};

}

//,page: true //是否显示分页

//,limits: [5, 7, 10]

//,limit: 5 //每页默认显示的数量

});

*/

});

本文地址：https://blog.csdn.net/chenxiong103/article/details/107290133

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

和其它许多面向对象的语言一样，javascript 中也有 this 关键字，this 在函数中用来指向调用此方法的对象...

1.当我们用$符号直接调用的方法。在jquery内部是如何封装的呢？有没有好奇心？

// jquery.extend 的方...

js部分

(function(window, document) {

'use strict';

var js...

1.global

类似于客户端javascript运行环境中的window

module1.js:

module.ex...

本文实例讲述了jquery实现常见的隐藏与展示列表效果。分享给大家供大家参考，具体如下：

/p>

问题：文本框输入完成后点击回车页面刷新问题出在form上，当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容，就会发生刷新事件。 解决...

本文实例为大家分享了js自定义弹出窗口效果展示的具体代码，供大家参考，具体内容如下

效果图：

源码：

1.demo.jsp...

回顾for-in遍历

在js里，for-in遍历的是可迭代对象的key，这点需要特别注意：

"use strcit&quo...

date类型

ecmascript中的date类型是在早期中java中的java.util.date类基础上构建的。为此dat...

bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。

监测html发现，当打开模态...

网友评论

验证码：