DataTable - 使可滚动,设置背景颜色并修复/冻结标题行和第一列

Sto*_*nek 4 dart flutter

我开始在 Flutter 中使用 webview、图表、表格进行开发,但是我遇到了一些表格问题。

  1. 我使用DataTable来表示表中的数据。有第一个问题。默认情况下,如果数据超出屏幕,则它不可滚动。所以我嵌入了一些Widget(即SingleChildScrollView、ListView),但它只能在一个方向(垂直或水平)滚动。我搜索了一些关于它的内容,发现了一个双向插件(biorient_scroll_view 0.0.6)。编译后我收到一个错误

由于app依赖bidirection_scroll_view >=0.0.2,需要SDK版本<2.1.0,版本解析失败。

我在配置中使用 Dart SDK 版本:>=2.1.0 <3.0.0。

接下来,我找到了PaginatedDataTable,它允许在两个方向上滚动,但它是分页表。那么有人知道是否可以以某种方式在两个方向(垂直和水平)滚动数据表

  1. 第二个问题(更重要):是否可以在表格的标题(第一)行和第一列中设置背景颜色?或者甚至在表格中的任何单元格中?

对于DataColumn / DataCell,我尝试将文本嵌入到容器中,然后设置容器颜色,但背景颜色仅为文本设置,单元格的其余部分使用默认颜色。

IE

DataColumn(label: Container(child: Text('2011'), color: Colors.grey,)),
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

  1. 是否可以固定/冻结标题(第一)行和第一列。我的意思是表格是滚动的,并且第一行/列始终在屏幕上可见。我找不到任何解决方案..

kiz*_*kiz 6

Expanded(
  child: ListView(
      children: <Widget>[
        SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: DataTable()
        )
      ]
  ),
)
Run Code Online (Sandbox Code Playgroud)