《Flutter入门》Table 横向滚动+固定表头/固定第一列实现

Jda_wz

于 2020-04-17 16:23:28 发布

阅读量7.1k

点赞数 3

分类专栏：《Flutter入门基础》文章标签： dart

本文链接：https://blog.csdn.net/WZAHD/article/details/105582936

版权

先上实现图:
在这里插入图片描述
代码:

  //创建一个表单
  Widget _buildChart() {
    return Container
      child: Row(
        children: <Widget>[
          Container(
            child: Table(children: _buildTableColumnOne()),
            width: numRowWidth, //固定第一列
          ),
          Expanded(
              child: SingleChildScrollView(
                  scrollDirection: Axis.horizontal,
                  child: Container(
                    child: Table(children: _buildTableRow()),
                    width: numRowWidth * 6,
                  )))
        ],
      ),
    );
  }

  //创建第一列行

  double numRowWidth = 100.0;//单个表宽
  double numRowHeight = 48.0;//表格高
 
 List<TableRow> _buildTableColumnOne() {
    List<TableRow> returnList = new List();
    returnList.add(_buildSingleColumnOne(-1));
    for (int i = 0; i < 5; i++) {
      r

最低0.47元/天解锁文章