使用 MiniMax Agent 无需编写代码，即可生成带搜索、分页、排序以及响应式布局的 HTML 表格页面；只需提供字段名称清晰、结构明确的提示词，提交后确认执行，导出 HTML 文件到本地即可直接运行。

通过 MiniMax Agent，你可以快速制作带搜索、分页、排序和响应式表格的数据列表页面，全程零代码操作，无需连接数据库，直接生成可运行的 HTML 文件，适合多种业务展示场景。

准备高质量提示词

首先要明确你需要展示的数据结构，例如“员工信息表”可包含姓名、部门、入职时间、薪资、状态这五个字段。MiniMax Agent 生成页面逻辑时，主要依据就是这些字段定义。如果提示词中只写“做一个数据列表页面”，系统通常会自动填充模拟数据，字段名称也可能变得不规范，例如“field_1”“value_b”等，后续修改会更麻烦。

复制并使用下面这个经过验证的数据列表页面提示词模板，把【员工信息】替换为你的实际业务主题，把【姓名、部门、入职时间、薪资、状态】替换为你的真实字段名称：

请生成一个响应式数据列表页面，主题为员工信息展示，字段包含姓名、部门、入职时间、薪资、状态。页面顶部需设置搜索框，支持按姓名或部门进行模糊检索；列表每页显示10条数据，底部提供页码导航；点击表头时可按对应字段进行升序或降序排序；鼠标悬停到表格行时需要高亮显示；同时页面需兼容手机屏幕浏览。最终仅输出单个HTML文件，并使用内联CSS与JS实现，不要引用任何外部依赖。

【字段名必须填写完整，不能留空，也不要写“等字段”】否则 MiniMax 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。