layui重载table列名如何引用变量?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui重载table列名如何引用变量?相关的知识,希望对你有一定的参考价值。

如图,点击上周下周,日期肯定要变化,那么请问列名该如何动态加载出来呢?或者列名要怎么引用变量呢?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
</head>
<body>
           
<table class="layui-hide" id="test"></table>
              
          
<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
<!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
 
<script>
layui.use('table', function()
  var table = layui.table;
  
  table.render(
    elem: '#test'
    ,url:'/demo/table/user/'
    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    ,cols: [[
      field:'id', width:80, title: 'ID', sort: true
      ,field:'username', width:80, title: '用户名'
      ,field:'sex', width:80, title: '性别', sort: true
      ,field:'city', width:80, title: '城市'
      ,field:'sign', title: '签名', width: '30%', minWidth: 100 //minWidth:局部定义当前单元格的最小宽度,layui 2.2.1 新增
      ,field:'experience', title: '积分', sort: true
      ,field:'score', title: '评分', sort: true
      ,field:'classify', title: '职业'
      ,field:'wealth', width:137, title: '财富', sort: true
    ]]
  );
);
</script>

</body>
</html>

官方实例进去后点查看源码,用javascript操作cols属性,然后重新加载表格。多看看文档吧。

参考技术A 解决了吗?同求

关于layui数据表格重载传值的问题

       在工作的时候用到了layui的数据表格,需要实现一个重载功能,是搜索框模糊查询的功能,官方示例的文档(官方链接:https://www.layui.com/demo/table/reload.html)

上说的是

技术分享图片

       传值需要放到一个key:{}里,反复测试这样是不对的,应该去掉外层key:{},直接写where:{id:demoReload.val()},这样后台直接request.getparameter(“id”)就可以拿到值了。

不知道为什么贤心大神不更正一下这个地方的坑

以上是关于layui重载table列名如何引用变量?的主要内容,如果未能解决你的问题,请参考以下文章

R data.table:如何使用包含列名的 R 变量?

[R] 如何防止read.table读入数据时列名前自动加上"X."?

有啥方法可以在 Power Query 中将实际列名作为变量引用

layui的table渲染cols的标题错乱问题,number转成string

使用 data.table 时如何从字符向量创建列名

Spring Boot/JPA:引用的保留字列名不起作用