酷代码 AI
菜单
全部AI  /  热门  /  AI写代码神器
服务商

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可能无法正确渲染。你需要确保数据结构和列配置一一对应。 [2024-04-15 14:39:18 | AI写代码神器 | 287点数解答]

相关提问