如何在 Flutter Table 行中设置 table 列大小 Table

Question

我不知道如何在 Flutter 中设置 table 列大小。如果我用Row，Expanded可以用，但是TableRow不允许

请告诉我一些如何设置 table 列大小的建议。对我来说最好的解决方案是调整列中文本长度的大小。

Answer 1

方法一

如果要为每列设置相同的宽度，可以在 Table 中使用 defaultColumnWidth，

Table(
    defaultColumnWidth: FixedColumnWidth(200.0),
...

输出

方法二

您可以为每列使用不同的宽度。

Table(
columnWidths: {
                0: FlexColumnWidth(1),
                1: FlexColumnWidth(4),
                2: FlexColumnWidth(4),
              },     
...

输出

Answer 2

您也可以将两列的宽度设为固定。

Table(
      border: TableBorder.all(color: Colors.black),
      columnWidths: {
            0: FixedColumnWidth(100.0),// fixed to 100 width
            1: FlexColumnWidth(),
            2: FixedColumnWidth(100.0),//fixed to 100 width
          },

Answer 3

对于您的具体情况，您可以使用

Table(
  defaultColumnWidth: IntrinsicColumnWidth(),
  ...
);

，因为您希望列宽适应文本长度。 IntrinsicColumnWidth 根据每个单元格中内容的宽度调整列的大小，即列宽根据单元格中内容的长度增加或缩小。

如何在 Flutter Table 行中设置 table 列大小 Table

How to set table column size in TableRow for Flutter Table

dart

flutter

flutter-table