首页 > 其他 > 详细

flutter 合并单元格

时间:2021-07-10 16:01:26      阅读:120      评论:0      收藏:0      [点我收藏+]

flutter里实现跨行跨列的方法

flutter_adaptive_components

这是我自己写的合并单元格的一种办法吧,可能不太成熟
插件里还包括了根据平台不同显示不同的弹框等

  List tableTitle = [‘q‘, ‘w‘, ‘e‘, ‘r‘, ‘t‘];
  List tableContent = [
    {
      "content": [
        {‘a‘, ‘s‘, ‘d‘, ‘f‘, ‘g‘},
        {‘z‘},
        // {‘z‘, ‘x‘, ‘c‘, ‘v‘, ‘b‘},
        {‘t‘, ‘y‘, ‘u‘, ‘i‘, ‘o‘},
        {‘g‘, ‘h‘, ‘j‘, ‘k‘, ‘l‘},
        {‘y‘, ‘u‘, ‘i‘, ‘o‘, ‘p‘},
      ],
    },
    {
      "content": [
        {‘aa‘, ‘ss‘, ‘dd‘, ‘ff‘, ‘gg‘},
        {‘zz‘},
        // {‘zz‘, ‘xx‘, ‘cc‘, ‘vv‘, ‘bb‘},
        {‘tt‘, ‘yy‘, ‘uu‘, ‘ii‘, ‘oo‘},
        {‘gg‘, ‘hh‘, ‘jj‘, ‘kk‘, ‘ll‘},
        {‘yy‘, ‘uu‘, ‘ii‘, ‘oo‘, ‘pp‘},
      ],
    },
  ];
  ...
  CustomTable(
      tableTitle: tableTitle,
      verticalTableContent: verticalTableContent,
      tableMarge: 1,
      tableAxis: Axis.horizontal,
      tableHeight: 30.0,
  ),
参数 数据类型 说明
tableHeight double 单个单元格的高度
tableMarge int 需要合并的下标
tableTitle List 表头列表
horizontalTableContent List 水平合并的表格内容
verticalTableContent List 垂直合并的表格内容

实现效果

技术分享图片

完整代码

查看完整源码

flutter 合并单元格

原文:https://www.cnblogs.com/nephkis/p/14993585.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!