merge_cells

一个高度可定制的 Flutter 表格组件,支持:

  • 灵活的方向:垂直或水平布局。
  • 高级单元格合并:支持 rowSpancolSpan
  • 自定义样式:自定义边框、背景颜色、内边距和对齐方式。
  • 自动调整大小:根据内容动态调整行高。
  • 可滚动:可选的横向滚动支持。

安装

将此添加到您的包的 pubspec.yaml 文件中:

dependencies:
  merge_cells: ^0.0.1

使用方法

import 'package:merge_cells/merge_cells.dart';

CustomTable(
  rows: [
    ['姓名', '年龄', '角色'],
    ['Alice', 25, '开发人员'],
    [
      CustomTableCell(
        child: Text('Bob (团队负责人)'),
        colSpan: 2, // 合并 2 列
        backgroundColor: Colors.blue.shade100,
      ),
      '设计师',
    ],
  ],
  titles: ['标题 1', '标题 2', '标题 3'],
  titleBackgroundColor: Colors.grey.shade200,
  horizontalScroll: true,
)

功能特性

  • 动态布局:行会自动调整高度以适应最高的单元格内容。
  • 灵活输入:单元格可以是简单的 StringnumWidgetCustomTableCell 以进行高级控制。
  • 两步布局系统:确保行中的所有单元格拉伸到相同的高度,保持边框和背景一致。

Libraries

merge_cells