使用table.reload()重载去搜索特定列


html

    <div class="searchTable" id="searchTable"><div class="layui-inline"><input class="layui-input layui-inline"  id="badge" placeholder="badge" autocomplete="off"   style="display:inline;width: auto;" /><button class="layui-btn" data-type="reload" id="search" >search</button></div> </div><table id="test" lay-filter="test"></table>

js

        layui.use('table', function () {var table = layui.table;var tableinit= table.render({elem: '#test',url: '/layui/getEmployeeData',method: 'post',loading: false,page: true,limit: 20,limits:[20,40,100],cols: [[{field: 'badge',title: '工号',sort: true,//排序edit: true,},{field: 'name',title: '姓名',sort: true,//排序edit: true,}, {field: 'email',title: '邮件',sort: true,//排序edit: true,}, {field: 'dept',title: '部门',sort: true,//排序edit: true,}]],})var active = {reload: function () {var index = layer.msg('查询中，请稍后...', { icon: 16, time: false, shade: 0 });setTimeout(function () {table.reload('test', {page: {curr:1}, where: {badge:$('#badge').val()}})layer.close(index);},800)}}$('#search').on('click', function () {var type = $(this).data('type');active[type] ? active[type].call(this) : '';})

参考：https://blog.csdn.net/qq_37707251/article/details/83055786