flutter 合並單元格


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 垂直合並的表格內容

實現效果

代碼

Dart Package
查看完整源碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM