如何在TableRow中为Flutter Table设置表列大小

pzfprimi  于 2023-03-09  发布在  Flutter
关注(0)|答案(3)|浏览(247)

我不知道如何在Flutter中设置表列大小,如果使用Row,可以使用Expanded,但是TableRow不允许。
请告诉我一些建议如何设置表格列的大小。对我来说最好的解决方案是调整大小的文本长度列。

wvt8vs2t

wvt8vs2t1#

方法1

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

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

产出

方法二

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

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

产出

nfs0ujit

nfs0ujit2#

对于您的特定情况,您可以使用

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

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

cyej8jka

cyej8jka3#

也可以固定两个列宽。

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
          },

相关问题