layui 多数据表内容输出

layui是一个轻量级的前端UI框架，它提供了一套简洁易用的API用于数据展示。当你需要在一个页面上同时显示多张数据表的内容时，可以利用layui的数据表格组件DataTable，通过嵌套循环或者组合配置来实现。

例如，假设你有两个数组分别代表两个数据表的数据，你可以这样做：

<table id="table1" lay-filter="demo">
    <thead>
        <tr>
            <!-- 表头列 -->
        </tr>
    </thead>
</table>
<table id="table2" lay-filter="demo">
    <thead>
        <tr>
            <!-- 另一张表的表头列 -->
        </tr>
    </thead>
</table>

<script>
var tableData1 = [
    // 第一张表的数据
];

var tableData2 = [
    // 第二张表的数据
];

layui.use('laytable', function() {
    var laytable = layui.laytable;
    
    // 初始化第一张表
    laytable.render({
        elem: '#table1',
        data: tableData1,
        cols: [/* 列配置 */]
    });

    // 初始化第二张表
    laytable.render({
        elem: '#table2',
        data: tableData2,
        cols: [/* 列配置 */]
    });
});
</script>

在这个例子中，你需要为每张表格创建一个`laytable.render()`函数实例，并指定对应的表格ID、数据源以及列配置。这样，两张表格就会按照各自的配置独立显示对应的数据。