如何让DataTable或PaginatedDataTable占据其父Card的整个宽度？

Question

是否有任何小部件（在另一个问题中提到了 SizedBox.expand）或配置使我能够使 DataTable/PaginatedDataTable 占据其父卡的整个宽度？

Answer 1

也许使用 ConstrainedBox

新约束框( 约束： const BoxConstraints( 最小宽度: double.infinity ), 孩子： .. ， )

Answer 2

您只需将 PaginatoredDataTable 包装在全宽的容器中即可。

    SingleChildScrollView(
      child: Container(
         width: MediaQuery.of(context).size.width,
         child: PaginatedDataTable(
          ...
    ),),);

Answer 3

我建议使用 FractionallySizedBox 并将 widthFactor 设置为 1。

FractionallySizedBox(
  widthFactor: 1,
  child: PaginatedDataTable(
    ...
  ),
);