layui.table單元格編輯增加textarea輸入

需求：由於表格編輯不能換行，傳到後臺的數據是一行數據，故需將編輯的input框改爲可選的textarea

首先寫樣式

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

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

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

搜索下面的代碼：（版本不同可能變量略有差別，可按“標籤+類”搜索）

文章中的layui版本爲：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+'">');

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

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+'">');

最後說使用：

在數據表格列col數據裏面，寫edit:'textarea'

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

強制刷新，重新加載你引入的文件。在點擊寫了edit:'textarea'這列的單元格，即可看到效果。