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

【问题标题】：DataTable - make scrollable, set background colour and fix/freeze header row and first columnDataTable - 使可滚动，设置背景颜色和修复/冻结标题行和第一列
【发布时间】：2019-08-26 04:30:56
【问题描述】：

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

我使用 DataTable 来表示表格中的数据。有第一个问题。默认情况下，如果数据不在屏幕上，它是不可滚动的。所以我嵌入了一些小部件（即 SingleChildScrollView、ListView），但它只能在一个方向（垂直或水平）上滚动。我搜索了一些关于它的内容，发现了一个双向插件（bidirectional_scroll_view 0.0.6）。编译后我收到一个错误

因为应用程序依赖于 bidirectional_scroll_view >=0.0.2 需要SDK版本

我正在使用 Dart SDK 版本：>=2.1.0

接下来，我发现 PaginatedDataTable 允许双向滚动，但它是分页表。所以有人知道是否有可能以某种方式在两个方向（垂直和水平）滚动 DataTable？

第二个问题（更重要）：是否可以在表的标题（第一）行和第一列中设置背景颜色？甚至在表格的任何单元格中？

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

即

DataColumn(label: Container(child: Text('2011'), color: Colors.grey,)),

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

【问题讨论】：

标签： dart flutter

【解决方案1】：

Expanded(
  child: ListView(
      children: <Widget>[
        SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: DataTable()
        )
      ]
  ),
)

【讨论】：

【解决方案2】：

child: Center(
      child: ListView(
        children: [
          DataTable()
        ],
        scrollDirection: Axis.vertical,
      )
  )

【讨论】：