layui 列表字段根据查询条件动态展示

layui是一个轻量级的前端UI库，它提供了一种简单易用的方式来构建表格。当你需要在列表中根据查询条件动态展示字段时，可以利用layui的数据处理功能结合Ajax异步请求。

以下是基本步骤：

1. 初始化表格：首先，在HTML中创建一个layui的表格结构，并设置基础列。例如：

   <table lay-filter="demo" lay-data="{.datas:[]}" lay-collapse>
     <thead>
       <tr>
         <!-- 基础列 -->
         <th>标题1</th>
         <th>标题2</th>
       </tr>
     </thead>
   </table>

2. 异步获取数据：在JavaScript中，编写一个函数来发送Ajax请求，获取包含查询条件的数据。例如：

   function fetchData(query) {
     $.ajax({
       url: 'your-api-url', // 替换为你实际的API地址
       type: 'GET',
       data: { query },
       success: function(response) {
         var datas = response.data; // 数据返回后赋值给lay-data里的datas属性
         $('#demo').layData({ datas: datas });
       }
     });
   }

3. 根据查询条件显示或隐藏列：在用户输入查询条件后，调用`fetchData`函数，传入查询条件。服务器响应的数据会更新表格的`lay-data`，根据返回的数据内容动态决定哪些列需要显示。

4. 动态列渲染：如果返回的数据包含了新的列名，你可能需要修改前端的模板，使其能够解析并显示这些新列。例如，检查新数据的键名，然后决定是否添加列到thead里。