Layui table.render：轻松实现JSON数据动态表格渲染及注意事项

Layui的table.render方法可以用来动态渲染表格，包括渲染JSON数据。以下是一个基本的示例： ```javascript // 假设你有一个JSON数组 var data = [ { name: '张三', age: 20, job: '工程师' }, { name: '李四', age: 25, job: '设计师' }, { name: '王五', age: 30, job: '项目经理' } ]; // 使用layui的table.render渲染表格 layui.use('table', function() { var table = layui.table; table.render({ elem: '#demo', // 表格元素ID data: data, // JSON数据 columns: [ // 列配置 { field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }, { field: 'job', title: '职位' } ] }); }); ``` 在这个例子中，`elem`是你要渲染表格的HTML元素ID，`data`是你存储的JSON数据，`columns`则是表格列的配置，包括字段名（field）和显示（title）。 注意：如果你的JSON数据结构与列配置中的字段不匹配，table.render可能无法正确渲染。你需要确保数据结构和列配置一一对应。 ######[AI写代码神器 | 287点数解答 | 2024-04-15 14:39:18]