用MiniMax Agent可零代码生成带搜索、分页、排序和响应式的HTML表格页面；需提供明确字段名的提示词，提交后确认执行，导出HTML文件本地运行即可。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
用MiniMax Agent快速生成带搜索、分页、排序和响应式表格的数据列表页面，无需写代码，不依赖数据库连接，直接输出可运行HTML文件。
准备高质量提示词
先明确你要展示的数据结构——比如“员工信息表”包含姓名、部门、入职时间、薪资、状态五列，这是Agent生成逻辑的唯一依据。如果提示词里只写“做个数据列表”，它会默认用假数据填充，且字段命名随意（如“field_1”“value_b”），后期改起来反而费劲。
复制粘贴下面这个经过验证的提示词模板，把【员工信息】替换成你的实际业务名称，把【姓名、部门、入职时间、薪资、状态】换成你的真实字段名：
「生成一个响应式数据列表页面，展示【员工信息】，字段包括【姓名、部门、入职时间、薪资、状态】。要求：顶部有搜索框（支持按姓名/部门模糊匹配）、每页显示10条、底部带页码导航、点击表头可升序/降序排序、鼠标悬停行高亮、适配手机屏幕。输出单个HTML文件，内联CSS和JS，不要外部依赖。」
【必须补全字段名，不能留空或写“等字段”】否则Agent会跳过字段定义，直接用随机占位符，导致你拿到代码后还得逐行替换。
在MiniMax Agent平台提交任务
打开 https://agent.minimax.io/ ，确保已登录账号（未注册需先用手机号实名认证）。
在输入框中粘贴上一步准备好的完整提示词 → 按回车键提交 → 等待Agent进入“High-level Planning”阶段（约15秒），此时页面会显示技术方案草稿：确认前端用HTML/CSS/JS单文件实现、无框架、排序逻辑用原生JS、分页用数组切片、搜索用filter方法。
看到“是否确认执行？”弹窗时，点击【确认】——这一步不能跳过，【跳过会导致生成中断，返回空页面或报错JSON】。
等待30～90秒，右侧将输出完整HTML代码，含可直接运行的全部逻辑。
导出并本地运行
点击代码块右上角【复制】按钮，将全部内容复制到剪贴板。
新建一个文本文件，粘贴内容 → 保存为 list.html（扩展名必须是.html，不能是.txt）。
双击该文件，浏览器自动打开——此时已具备搜索、分页、排序全部功能，无需服务器、不联网也能运行。
若打开空白或报错，检查文件是否被系统默认用记事本保存（会加BOM头），请改用VS Code、Notepad++或Sublime Text保存，编码选UTF-8 without BOM。
