面板“yyyyyyyy”被设计成表格。面板“yyyyyyyy”的“数据库设置”如上图所示。
面板“yyyyyyyy”创建了三块子面板，如下图：
面板1：为表头。其属性“表字段设置”-“父元素是表格时的显示方式”设置为“只显示一次在最前面”。同时把面板属性“位置、大小”-“display”设置为“flex”。面板2：为表体。其属性“表字段设置”-“父元素是表格时的显示方式”设置为“默认显示”。同时把面板属性“位置、大小”-“display”设置为“flex”。面板3：为表尾。其属性“表字段设置”-“父元素是表格时的显示方式”设置为“只显示一次在最后面”。同时把面板属性“位置、大小”-“display”设置为“flex”。小技巧：先设计好表头，预览满意后，再复制表头作为表体和表尾，这样能保证三者样式一至。单元格的设计如上图，先在表头面板1创建文本框，有多少列就创建多个文本框，文本框的“使用的HTML对象”设置为“input—输入框”，“文本属性”-“只读”设置为“true”；文本框的边框、宽度按实际需要设置。
把表头面板1上的文本框全选后复制，然后粘贴到表体面板2上。设置这些文本框“表字段设置”-“字段名”为相应的字段、还有数据类型为相应的类型、是否需要更新等，如果允许修改，则要把“文本属性”-“只读”设置为“false”。
把表头面板1上的文本框全选后复制，然后粘贴到表尾面板3上。然后将这些文本框的属性“文本属性”清空。
说明：对于一些不需要显示的字段，如关键字字段，可以隐藏起来。如上图的“dj_id”、“djmx_id”就是销售订单的明细关键字，不需要看到，因此运行后是隐藏的。设置方法：文本框的属性“更多属性”-“隐藏”设置为“true”。如下图：表格的功能表格的功能有：表格_读取一个表格数据_直接方式，表格_保存一个表格数据，表格_清空一个表格，表格_在当前光标前位置插入行，表格_在当前光标后位置后插入行，表格_在当前光标前位置插入行2，表格_在当前光标后位置后插入行2，表格_在最后追加行，表格_删除光标所在行，表格_排序_升序，表格_排序_降序，表格_排序_自动，表格_行上移，表格_行下移，表格_填充序号，保存主表和明细表数，删除主表和明细数据,，读取主表和明细数据，新增主表和明细表数据。表格的功能使用表格的功能使用很简单，比如要用鼠标点击一个按钮重新从数据库中读取一个表格的数据，需要使用到“表格_读取一个表格数据_直接方式”这个功能。具体操作如下：
1.先创建一个显示内容为“直接读取明细表数据”的按钮（如果觉得按钮不好看，可以创建图片、文本框等）。
2.在按钮的属性“执行动作、事件”-“单击事件[onclick(v,k,o,e)]”-“常用动作”选择“表格_读取一个表格数据_直接方式”。
3.“绑定对象(元素ID、字段名)”设置为要操作的表格的ID，如下图为读取销售订单明细的设置为“yyyyyyyy”。注意：如果此按钮放在表格上或表格后面，可以不用设置该属性值，如点击表头中的列名进行排序的功能就不需要。
功能“保存主表和明细表数，删除主表和明细数据，读取主表和明细数据，新增主表和明细表数据”是全局处理，不需要设置“绑定对象(元素ID、字段名”。
表格的其他功能使用方法与此相同。表格排序在这里我们要实现点击表头列名对相应的列进行排序。其实要实现这个功能非常简单，操作方法同上面的“表格的功能使用”，下图是销售订单明细“产品”的排序设置：“表格_排序_自动”，点击一次如果是“升序”排序，再点击一次则进行“降序”排序。排序一定要设置绑定对象，并且是绑定字段名，如上图是对产品“wl_id”进行排序。如果是排序的字段的数据类型为数值型，会按数值大小进行排序，反之则按字串排序。表格分页分页要表格先设置好分页功能，再配合LayUI的分页组件。如用户管理中的分页。本系统的分页特别是在切换页面时不会全部刷新页面，而是采用直接读取方式，这样体验效果比较好。要启用分页先把“是表格时需要分页”设置为“true”。其次设置“分页排序字段”，上图中设置的“crtimedesc”表示按crtime降序排序。设置好分页后，再在表格后面创建一个LayUI的分页控件（注意：不支持在表格前面创建LayUI分页控件）。如果只一个表格，创建LayUI分页后就不用管。用默认的设置即可。如果有两个表格要分页，第二个LayUI分页的“分页的属性”-“URL分页名称”要与第二个表格的“数据库设置”-“表格设置”-“URL分页名称”相同。