查看: 3470|回复: 4

可以动态生成列，然后根据动态生成的数据，合并单元格嘛 [复制链接]

奋斗小男人

新手上路

Rank: 1

电梯直达

楼主

发表于 2020-11-2 17:38:04 |只看该作者 |倒序浏览

有一个业务需求，根据查询条件分组，分组后数据库查询出来的数据，有相同的列，需要和并，有多个表头。像这样：查询条件选择用水性质，之后数据库查询返回字段，前端生成这样的页面。

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2020-11-3 09:05:31 |只看该作者

可以的，
可以自定义合并单元格
http://www.miniui.com/demo/#src=datagrid/mergecells.html

奋斗小男人

新手上路

Rank: 1

板凳

发表于 2020-11-3 16:02:35 |只看该作者

felt 发表于 2020-11-3 09:05
可以的，
可以自定义合并单元格
http://www.miniui.com/demo/#src=datagrid/mergecells.html ...

好的我试试看

奋斗小男人

新手上路

Rank: 1

地板

发表于 2020-11-4 10:27:38 |只看该作者

felt 发表于 2020-11-3 09:05
可以的，
可以自定义合并单元格
http://www.miniui.com/demo/#src=datagrid/mergecells.html ...

奋斗小男人

新手上路

Rank: 1

5^#

发表于 2020-11-4 10:29:02 |只看该作者

奋斗小男人发表于 2020-11-4 10:27
function onLoad(e) {
var grid = e.sender;

<body>
<button onclick="mergeCells()">合并</button>
<div class="mini-datagrid" style="width:400px;height:300px" id="datagrid1">
      <div property="columns">
         <div field="a" name="c1">A</div>
         <div field="a" displayField="b" name="c2">B</div>
         <div field="c">C</div>
      </div>
</div>
</body>

</html>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/miniui.js"></script>
<script type="text/javascript">
var data = [{
      a: 1,
      b: 3
}, {
      a: 1,
      b: 3
}, {
      a: 1,
      b: 3
}, {
      a: 2,
      b: 3
}, {
      a: 2,
      b: 3
}, {
      a: 2,
      b: 3
}, {
      a: 3,
      b: 3
}, {
      a: 3,
      b: 3
}, {
      a: 3,
      b: 3
}]
mini.parse();
var grid = mini.get("datagrid1");
grid.setData(data);

function mergeCells() {
      grid.mergeColumns(["c1", "c2"]);
}
</script>
和您之前的那个一样，加载的时候就自动合并好。

返回列表

		自动登录	找回密码
密码			立即注册