Skip to content

Flutter DataTable sample overflows if column heading is made a little longer #100633

@jpangburn

Description

@jpangburn

Steps to Reproduce

  1. Open DataTable documentation and look at sample https://api.flutter.dev/flutter/material/DataTable-class.html
  2. Change 'Age' column on row 37 to 'Age longer'
  3. Reduce browser width to see overflow on column header

Expected results:
With column headings shorter than row content, there is no overflow error no matter how small you squeeze the table. Expect no overflow with longer headings too.

Actual results:
Overflow error with longer headings

This happens on the current Dart/Flutter versions deployed on the api.flutter.dev site.

Here are some videos illustrating the problem. The first video shows the sample unmodified:

DataTable_no_overflow.mov

The second video shows the overflow when you change 'Age' to 'Age longer'.

DataTable_WithOverflow.mov

Metadata

Metadata

Assignees

Labels

a: error messageError messages from the Flutter frameworkd: api docsIssues with https://api.flutter.dev/d: examplesSample code and demosf: material designflutter/packages/flutter/material repository.found in release: 2.10Found to occur in 2.10found in release: 2.13Found to occur in 2.13frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer version

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions