flutter中如何去除table最外层边框线 | 扑

Question

                  Container(
                        height: 100,
                        width: 350,
                        decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.all(
                            Radius.circular(15),
                          ),
                        ),
                        child: Table(
                          defaultColumnWidth: FixedColumnWidth(120.0),
                          border: TableBorder.all(
                            color: Colors.grey[600],
                            //style: BorderStyle.solid,
                            width: 0.5,
                          ),
                          children: [
                            TableRow(),
                            TableRow(),
                            TableRow(),
                              ],
                              
                               ),
                          
                              ],
                            ),
                          ],
                        ),
                      ),

我需要删除该表的最外边框线。我在这里使用 Table 小部件来显示表格。这个图像就是我想要的输出。有没有任何方法可以删除最外面的线或任何其他想法来制作这样的。https://drive.google.com/file/d/1v1BWmO56m6Zq4kPgiyOoCzv8K2XvrFU7/view?usp=sharing是我想要构建的小部件的链接。

Answer 1

child: Table(
    border: TableBorder(horizontalInside: BorderSide(width: 1, color: Colors.blue, style: BorderStyle.solid)),

这是在 flutter 中删除表格边框的方法。

飞镖垫示例附在下面
https://dartpad.dev/0bc0f378c2722dc94e7a8c583180705e

要阅读有关本文的更多信息，您可以查看 https://medium.com/flutter-community/table-in-flutter-beyond-the-basics-8d31b022b451