土成 2017-03-28 09:29 采纳率: 83.3%
浏览 1630
已采纳

easyui-datagrid表格设计成两行作为一组数据的内容？

在开发管理平台，正常的表格是下面这样的，直接从后台获取到json数据，然后easyui-datagrid能够自动的列出来。
图片说明
我希望能够做成下面这种形式的，就是每两行作为一组，并且第一行是和表格的字段相对应的数据，第二行是这一组数据其他的内容。
图片说明
不是用下面这种点击之后展开行显示的形式：
图片说明
求大神指点一下，这种形式应该怎么弄。

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2017-03-28 09:34
    关注

    http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=

    看Master Detail这个示例

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • easyui-datagrid实现列表下拉
    2019-01-28 15:20
    weixin_39507514的博客 1.第一种 {field:“is_shipping”, title:“是否发运”, sortable:false, halign:“center”, align:“center”, width: <e:grid id=“grid<1>” field=“status” initial=“100”/>, ...
  • easyui datagrid 对象数据排序
    2019-11-21 13:29
    JaydonRan的博客 今天在开发一个前端数据表格的时候，发现datagrid无法对对象类型的数据进行排序，于是就对datagrid组件进行了改造。满足了需求，记于此和朋友们学习，如有不正确的望指正。 遇到的问题和分析 我的需要实现的功能和...
  • mysql_res与datagrid_初识通用数据库操作类——前端easyui-datagrid，form（php）
    2021-02-07 23:44
    帅露露的博客 初识通用数据库操作类——前端easyui-datagrid，form(php)，实现代码比较简单，具体实现步骤请看下文。实现功能：左端datagrid显示简略信息，右侧显示选中行详细信息，数据库增删改(1)点击选中行，右侧显示详细信息...
  • easyui_datagrid数据表格的增删改案例
    2020-06-28 16:57
    西米露U的博客 datagrid数据表格的增删改案例增加案例代码效果修改案例代码效果删除案例代码效果遇到的各种bug解决 之前我们做增加或修改都是另外写一个界面，然后跳转到那个界面进行数据输入然后在去处理业务逻辑，但是这样的话，...
  • 【EasyUi DataGrid】之批量删除
    2019-03-21 20:10
    Abdullahi_kanye的博客 DataGrid组件是网页中会经常使用到的一种EasyUi组件。对它的操作就是对一些数据基本的增删改查。 这里讲的就是删除方面。 单行的数据删除都非常简单，也易于掌握。但是在实际的业务当中，还需要提供多行删除的功能，...
  • 基于asp.net + easyui框架，一步步学习easyui-datagrid——实现分页和搜索（二）
    2014-02-27 11:21
    程序猿小亮的博客 上篇博客我只是将界面的部分完成了，继续上篇博客的内容，这篇博客我们需要将数据库中的记录显示到界面上，并实现数据的分页显示。 曾经我写过分页的博客，分页很简单， 本质区别在于分页时从数据库读取信息的方式...
  • jquery-easyui-1.4.2
    2015-04-01 17:07
    jQuery EasyUI 是一个基于 jQuery 的轻量级框架，它为开发者提供了一系列组件，使得构建功能丰富的、交互性强的Web应用变得简单易行。这个名为 "jquery-easyui-1.4.2" 的压缩包包含了EasyUI 1.4.2版本的所有资源，为...
  • EasyUI：datagrid分页显示+嵌入select下拉选项框
    2020-11-02 10:07
    KaiSarH的博客 easyUI中datagrid分页显示+嵌入select下拉选项框
  • 【EasyUi DataGrid】批量删除
    2015-07-30 12:35
    xjCherie的博客 增加、修改可以直接在DataGrid中进行，也可以用弹出框的形式把数据装载在文本框等各种控件中呈现给用户，让用户自动填写或修改，删除的事稍后再说，个人认为“查”是最难的，因为它涉及到了表格的各种加载问题等等，...
  • easyui checkbox +全选
    2019-08-07 02:16
    全选功能通常涉及两个主要组件：全选按钮和一组复选框。在 EasyUI 中，我们可以利用 `checkbox` 组件来创建复选框，并通过事件监听和数据同步来实现全选/反选的效果。下面将详细介绍如何实现这一功能： 1. **添加...
  • 没有解决我的问题, 去提问