首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >DataTable不能在DataCell内换行文本- Flutter?

DataTable不能在DataCell内换行文本- Flutter?
EN

Stack Overflow用户
提问于 2020-09-14 03:04:00
回答 2查看 972关注 0票数 0

我无法在Flutter中对DataTable小部件中的DataCell中的文本进行换行。尝试将DataCell放入容器并分配宽度,但不起作用。寻找一些解决方案来解决这个问题。

数据表的代码如下。这个展开的小部件位于一个列中,顶部是一些其他小部件。

代码语言:javascript
运行
复制
 Expanded(
            child: SingleChildScrollView(
                child: DataTable(
                    columnSpacing: 5,
                    columns: <DataColumn>[
                      DataColumn(
                        label: Container(
                          width: 30,
                          child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              "Itemm",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),
                      DataColumn(
                        label: Container(
                          width: 30,
                          child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              "Price",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),
                      DataColumn(
                        label: Container(
                          width: 30,
                          child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              "Quantity",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),
                      DataColumn(
                        label: Container(
                          width: 30,
                          child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              "Discount %",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),
                      DataColumn(
                        label: Container(
                          width: 30,
                          child: Align(
                            alignment: Alignment.center,
                            child: Text(
                              "Total",
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                    rows: bill
                        .map((element) => DataRow(
                              cells: <DataCell>[
                                DataCell(
                                  Align(
                                    alignment: Alignment.center,
                                    child: Text(
                                      element.itemName,
                                    ),
                                  ),
                                ),
                                DataCell(
                                  Align(
                                    alignment: Alignment.center,
                                    child: Text(element.price),
                                  ),
                                ),
                                DataCell(
                                  Align(
                                    alignment: Alignment.center,
                                    child: Text(element.quantity),
                                  ),
                                ),
                                DataCell(
                                  Align(
                                    alignment: Alignment.center,
                                    child: Text(element.discount),
                                  ),
                                ),
                                DataCell(
                                  Align(
                                    alignment: Alignment.center,
                                    child: Text(element.total),
                                  ),
                                ),
                              ],
                            ))
                        .toList())),
          ),

谢谢

EN

回答 2

Stack Overflow用户

发布于 2020-09-14 05:35:45

虽然我没有得到你的数据,但我不能解决这个问题,但你可以尝试下面的方法。

代码语言:javascript
运行
复制
Container(
   width: 100,
   child: 
     Text("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"),
    )
票数 0
EN

Stack Overflow用户

发布于 2020-11-25 20:20:26

你可以这样解决这个问题

代码语言:javascript
运行
复制
SizeBox(width: 100,


child: 
     Text("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"),
    )
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63874520

复制
相关文章

相似问题

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