LayUI表格编辑使用textarea

最近做项目使用layui的表格 编辑功能，虽然编辑了能换行展示，但是编辑的时候回到了一行编辑，修改的时候数据就很不友好了，所以百度了一遭终于找打了处理方法。（本文只留作记录，如有侵权，请与我联系）

1、修改layui的table.js文件内容

搜索下面的代码：（版本不同可能变量略有差别，可按“标签+类”搜索）
2.5.6 以前版本

var d=t('<input class="layui-input '+N+'">');

替换为

var d=e.data('edit') == 'textarea' ? t('<textarea class="layui-textarea '+N+'"></textarea>') : t('<input class="layui-input '+N+'">');

2.5.6 及以后版本

var n=t('<input class="layui-input '+R+'">');

替换为

var n=i.data('edit') == 'textarea' ? t('<textarea class="layui-textarea '+R+'"></textarea>') : t('<input class="layui-input '+R+'">');

2、在列配置中使用

cols: [[
        {field: 'notice', title: '公告', edit: 'textarea'}
        , {field: 'addr1', title: '图片地址', edit: 'text'}
      ]]

3、使用效果

4、可根据自己的实际情况，调整编辑框的大小

<style>
textarea.layui-textarea.layui-table-edit {
min-width: 500px;
min-height: 300px;
z-index: 2;
}
</style>