# layui-formTable

**Repository Path**: bxnd/layui-form-table

## Basic Information

- **Project Name**: layui-formTable
- **Description**: form input搜索以表格提示内容
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2022-07-21
- **Last Updated**: 2022-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layui-formTable

## 介绍

-----
form input搜索以表格提示内容

## 代码示例

-----

```JS
<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) => {
        //触发行双击事件
      }
    },
  })
})
```
![输入图片说明](image.png)