我已经使用DataTable. 这个表非常大，我同时使用垂直和水平滚动。滚动时我失去了对列的引用，我需要知道列是什么。

作为例子。在屏幕截图上，除非我滚动到顶部，否则我不知道数字20.0和25.0含义。

我添加了一个我想要实现的 GIF 示例。（使用 LibreOffice）。我需要固定的列名（第一行）。

表格示例，在表格中间滚动时：

我想做的例子：

我的表的代码示例：

    return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: DataTable(
          columns: MyDataSet.getColumns(),
          rows: widget._data.map<DataRow>((row) => DataRow(
            onSelectChanged: (d) {
              setState(() {
                selectedRow = d ? row.hashCode : null;
              });
            },
            selected: row.hashCode == selectedRow,
            cells: MyDataSet.toDataCells(row)
          )).toList()
        )
      ),
    );

缺少代码示例：

return columns.map<DataColumn>((name) => DataColumn(
      label: Text(name, style: TextStyle(fontWeight: FontWeight.bold, color: Colors.black),)
    )).toList();

更新 (24/10/2019)

如果标题名称与单元格内容的大小相同，则当前代码运行良好。否则两种尺寸都会不同。

更新 (21/02/2020)

人们创建了一个包来做到这一点。:D

https://pub.dev/packages/table_sticky_headers

图片来自 pub.dev！

我使用的是sailsjs 0.12。它支持index属性models，我也在使用 npm 包Sails-hooks-mongoat来创建反向索引等等。

这并不理想，但它奏效了。现在他们放弃了该index属性，并且 mongoat 目前不安全并且等待更新以在 Sails.js 1.0 上工作。

我想知道最好的方法是：

• 在新部署上创建索引。
• 迁移（确保？）部署更新的索引。