生成layui 带搜索功能的表格代码

生成Layui带搜索功能的表格代码可以参考以下示例：

HTML代码：

<div class="layui-form">
  <div class="layui-form-item">
    <div class="layui-input-inline">
      <input type="text" name="keyword" placeholder="请输入关键字" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline">
      <button class="layui-btn layui-btn-normal" lay-submit lay-filter="search">搜索</button>
    </div>
  </div>
</div>
<table class="layui-table" lay-filter="demoTable">
  <thead>
    <tr>
      <th lay-data="{field:'id', sort:true}">ID</th>
      <th lay-data="{field:'username', sort:true}">用户名</th>
      <th lay-data="{field:'email', sort:true}">邮箱</th>
      <th lay-data="{field:'sex', sort:true}">性别</th>
      <th lay-data="{field:'city', sort:true}">城市</th>
      <th lay-data="{field:'sign', sort:true}">签名</th>
      <th lay-data="{field:'experience', sort:true}">经验值</th>
      <th lay-data="{field:'score', sort:true}">评分</th>
      <th lay-data="{field:'classify', sort:true}">职业</th>
      <th lay-data="{field:'wealth', sort:true}">财富</th>
    </tr>
  </thead>
  <tbody>
    <!-- 数据行 -->
  </tbody>
</table>

JavaScript代码：

layui.use(['table', 'form'], function(){
  var table = layui.table;
  var form = layui.form;

  //渲染表格
  table.render({
    elem: '#demoTable',
    url: '/api/user/list',
    toolbar: '#toolbarDemo',
    cols: [[
      {type:'checkbox', fixed:'left'},
      {field:'id', title:'ID', width:80, fixed:'left', unresize:true, sort:true},
      {field:'username', title:'用户名', width:120},
      {field:'email', title:'邮箱', width:200},
      {field:'sex', title:'性别', width:80},
      {field:'city', title:'城市', width:100},
      {field:'sign', title:'签名', width:200},
      {field:'experience', title:'经验值', width:100, sort:true},
      {field:'score', title:'评分', width:100, sort:true},
      {field:'classify', title:'职业', width:100},
      {field:'wealth', title:'财富', width:150, sort:true},
      {fixed:'right', title:'操作', toolbar:'#barDemo', width:170}
    ]],
    page: true
  });

  //监听搜索表单提交
  form.on('submit(search)', function(data){
    table.reload('demoTable', {
      where: {
        keyword: data.field.keyword
      }
    });
    return false;
  });
});

这里使用了Layui的table组件，通过设置url属性来指定表格数据的接口地址，并提供了一个搜索表单，可以根据关键字来搜索表格数据。在搜索表单提交的时候，可以通过监听form表单的submit事件并使用table.reload方法重新加载表格数据。