首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flutter DataTable -如何设置列宽?

Flutter DataTable -如何设置列宽?
EN

Stack Overflow用户
提问于 2020-12-16 03:40:41
回答 1查看 1.6K关注 0票数 2

我在Flutter应用程序中使用DataTable。这是我的代码的简单示例:

代码语言:javascript
运行
复制
    DataTable(
          columns: [
            DataColumn(label: Text('Column1')),
            DataColumn(label: Text('Column2')),
            DataColumn(label: Text('Column3')),
          ],
          rows: [
            DataRow(cells: [
              DataCell(Text('1')),
              DataCell(Text('2')),
              DataCell(Text('6')),
            ]),
            DataRow(cells: [
              DataCell(Text('12')),
              DataCell(Text('John')),
              DataCell(Text('9')),
            ]),
          
          ],
        )

我需要:

-column1为可用宽度的20%

-column1为可用宽度的40%

-column1为可用宽度的40%

我该怎么做呢?DataTable有可能实现吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-16 07:32:25

您可以尝试如下所示:

代码语言:javascript
运行
复制
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: MyApp()));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final double width = MediaQuery.of(context).size.width;
    return Scaffold(
      appBar: AppBar(
        title: const Text("Flutter Demo"),
      ),
      body: Container(
        width: width,
        child: DataTable(
          columnSpacing: 0,
          horizontalMargin: 0,
          columns: [
            DataColumn(
              label: Container(
                width: width * .2,
                child: Text('Column1'),
              ),
            ),
            DataColumn(
              label: Container(
                width: width * .4,
                child: Text('Column2'),
              ),
            ),
            DataColumn(
              label: Container(
                width: width * .4,
                child: Text('Column3'),
              ),
            ),
          ],
          rows: [
            DataRow(cells: [
              DataCell(Text('1')),
              DataCell(Text('2')),
              DataCell(Text('6')),
            ]),
            DataRow(cells: [
              DataCell(Text('12')),
              DataCell(Text('John')),
              DataCell(Text('9')),
            ]),
          ],
        ),
      ),
    );
  }
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65312609

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档