layui.table单元格编辑增加textarea输入

需求：由于表格编辑不能换行，传到后台的数据是一行数据，故需将编辑的input框改为可选的textarea

首先写样式

注：CSS 可根据自己的需求改

更改layui包下面得table模块文件：【路径layui/lay/modules/table.js】

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

文章中的layui版本为：2.5.6

var n=t('');

改为：

var n=i.data('edit') == 'textarea' ? t('') : t('');

若是之前的版本，可试试搜索：

var d=t('');

改为：

var d=e.data('edit') == 'textarea' ? t('') : t('');

最后说使用：

在数据表格列col数据里面，写edit:'textarea'

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

强制刷新，重新加载你引入的文件。在点击写了edit:'textarea'这列的单元格，即可看到效果。