Skip to content

Last table row is missing horizontalInside border #12902

@ghost

Description

When creating a Table, I've noticed the last row is always missing the border. In the picture between Row 2 and Row 3. I'm on Windows and emulating with a Pixel, but I suspect it is platform independent.

image

new Table(
    border: new TableBorder(
        horizontalInside: new BorderSide(color: Colors.grey[200], width: 0.5)
    ),
    columnWidths: new Map.from({
        0: new FixedColumnWidth(50.0),
        1: new FixedColumnWidth(180.0),
        2: new FixedColumnWidth(100.0)
    }),
    defaultVerticalAlignment: TableCellVerticalAlignment.middle,
    children: <TableRow>[
        new TableRow(
        children: <Widget>[
            new Container(
            padding: new EdgeInsets.all(10.0),
            child: new Icon(Icons.account_balance)
            ),
            new Text("Row 1"),
            new Text("\$300,000")
        ]
        ),
        new TableRow(
        children: <Widget>[
            new Container(
            padding: new EdgeInsets.all(10.0),
            child: new Icon(Icons.account_balance)
            ),
            new Text("Row 2"),
            new Text("\$30,000,000")
        ]
        ),
        new TableRow(
        children: <Widget>[
            new Container(
            padding: new EdgeInsets.all(10.0),
            child: new Icon(Icons.account_balance)
            ),
            new Text("Row 3"),
            new Text("\$300,000")
        ]
        ),
    ]
    )

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions