# layui-popTable **Repository Path**: ggtool/layui-popTable ## Basic Information - **Project Name**: layui-popTable - **Description**: 基于layui自定义的弹窗表格组件 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 24 - **Forks**: 5 - **Created**: 2019-12-29 - **Last Updated**: 2024-12-25 ## Categories & Tags **Categories**: layui-components **Tags**: None ## README ## layui-popTable:基于layui开发的自定义弹窗表格组件 ### 1. 功能说明 - 指定的按钮的单击事件弹窗 或者直接绑定到input文本框的单击事件中 - 弹窗的表格支持实时检索,需要和后台配合使用(后台查询带keywords参数) ### 2. 使用案例截图 ![avatar](popTable.gif) ### 3. 案例代码 ``` 测试弹窗
基础数据 / 商品列表
``` ### 4. 自定义参数说明 |参数列表 | 参数说明 | 是否必填 | 默认值 | |- | - | - | - | | inputId | 父层的input文本框字段id, 弹窗选中的值填充在这个文本框 | 是 | | | title | 弹出窗口的标题行 | 是 | | | url | 表格数据源连接 | 是 | | | field | 选中行时,取的行的值的字段名 | 是 | | | keyName | 向后台服务器发送搜索的字段名,默认是keywords | 否 | keywords | | cols | 表格列字段说明, 同layui的table组件参数 | 是 | | | offset | 弹窗的定位,同layui的table组件参数 | 否 | ['150px;','350px;'] | #### 除了上面列出来的以外,其他layui的table组件的参数都支持 [layui官方table参数说明查看](https://www.layui.com/doc/modules/table.html#options) #### 有喜欢的帮忙点个star