如何在Flutter中创建电子表格

Question

如何在Flutter中创建类似于Widget的散布图（仅用于显示数据）。

最近，我使用了Datatable，但它不支持1.固定标头2.可滚动的正文。

我想要以下功能：

1. 标题应该是固定的。
2. 主体应可滚动（在两个轴上）

当前，我的数据表位于一列中>展开> SingleChildScrollView（水平）> SingleChildScrollView（垂直）> DataTable。虽然我可以在两个方向上滚动整个表格，但不能同时滚动1.（即它水平或垂直滚动​​），但2.垂直滚动时标题不应该滚动。

我该如何实现？

Answer 1

看来您需要滚动控制器来允许两个或多个滚动视图同步。在他的情况下，您可以使用 linked_scroll_controller 插件。

您可以按照 this blog post 中的示例获取有关如何实现此目标的分步教程。

示例取自博客，查看完整源代码here：

Answer 2

这是用于此目的的另一个包：syncfusion_flutter_datagrid。

它有几个特点：

• 编辑 - 允许用户编辑单元格值。
• 排序 - 按升序或降序对一列或多列进行排序。
• 堆叠标题 - 显示未绑定的标题行。
• 分页 - 分段加载数据。
• 冻结窗格 - 滚动网格时冻结行和列。
• 更多详情，请参阅document

但是，在这种情况下，同时滚动是不同的功能。

您可以尝试 InteractiveViewer，但在这种情况下不推荐这样做。因为 delete from table1 where MainID in ( select SALESID from table2 where AMT <=0 or AMT is null ) 和 InteractiveViewer 这两个小部件都是非常强大的小部件，可能会产生一些冲突。