[TOC] > [碼云](https://gitee.com/Mr.zhaoGW/layui-form-table) ## 概述 自動根據內容搜索列表并進行展示  提示:原生的formTable只支持單機,添加下面代碼可添加單機時間 ``` //觸發行雙擊事件 table.on(`rowDouble(${tableName})`, function(obj){ var data = obj.data; a.table.rowDouble(data) }); //新增:觸發單機事件 table.on(`row(${tableName})`, function(obj){ var data = obj.data; a.table.row(data) }); ``` 使用: ``` ... rowDouble: (data) => { //觸發行雙擊事件 }, row: (data) => { //觸發行雙擊事件 } ... ``` ## 示例 ``` <input type="text" name="parts" placeholder="輸入'編碼'或'名稱'" autocomplete="off" class="layui-input" style="width:200px;float: left;height: 30px;"> layui.config({ base: '/plugin/layui/common/', //拓展模塊的根目錄 }) .extend({ formTable: '/formTable/formTable' }); layui.use(['table', 'form', 'formTable'], function () { const formTable= layui.formTable; // 查詢自動提示 formTable.render({ elem: 'input[name=parts]', url: "/getPart", width: 730, page: true, limit: 15, // 分頁 table: { cols: [[ { type: 'numbers', title: '編碼', width: '3%' }, { field: 'part_brand', title: '品牌', width: '10%' }, ]], height: 180, tool: { 'add': (data) => { // 表格tool觸發事件 }, }, rowDouble: (data) => { //觸發行雙擊事件 } }, }) }) ```