flutter - flutter中如何去掉table最外层的边框线| flutter

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(),
                              ],
                              
                               ),
                          
                              ],
                            ),
                          ],
                        ),
                      ),

我需要删除这个表格最外面的边框线。我在这里使用表格小部件来显示表格。这个图像是我想要的输出。有没有什么方法可以删除最外面的线或任何其他想法来制作这样的东西。 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 中移除表格的边框。

Dart 垫的 sample 附在下面👇
https://dartpad.dev/0bc0f378c2722dc94e7a8c583180705e

要阅读更多关于文章的内容，你可以向前看 https://medium.com/flutter-community/table-in-flutter-beyond-the-basics-8d31b022b451