layui 表格头部加下拉

<style>
    .layui-table-cell, .layui-table-tool-panel li{  overflow:visible !important; }
    .layui-table-header{ overflow: visible;}
</style>


table.render({

  parseData(){
    var effectStr =`
                            <select name="effectStr" lay-filter="effectStr">
                                <option value="">有效应</option>
                                <option value="即将实施">即将实施</option>
                                <option value="即将废止">即将废止</option>
                                <option value="已经废止">已经废止</option>
                                <option value="未知">未知</option>
                                <option value="现行有效">现行有效</option>
                                <option value="部分有效">部分有效</option>
                            </select>
                        `
                    $('table th:eq(4) .layui-table-cell').html(effectStr);
  }
})

form.on("select(effectStr)", function(data,el){
                // 获取选中的值
                console.log(data.value);
        });