question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Table] Table width render different under Chrome 90 and Chrome 91

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  • Set wrapper div attribute max-width and overflow: hidden
  • Set columns width
  • Visit under Chrome 90
  • Visit under Chorme 91

What is expected?

Same result

What is actually happening?

AA3BF3F3-91A0-4A20-B804-C1ED56821B93

Chrome 90

90p 90

Chrome 91

91p 91

Environment Info
antd 4.16.0
React latest
System Mac OS
Browser Chrome 90/91

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:5
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

18reactions
atoticcommented, May 30, 2021

I am the Chrome developer that implemented the new tables. This is the problem I saw reported:

 <Table
  columns={ [
   {...
     width: 200
   } ] }

generates following CSS:

<col style="width: 200px; min-width: 200px;">

The problem is min-width CSS property. Before Chrome 91, min-width was ignored on COL elements. 91 no longer ignores it.

Is there a reason why framework is generating both width and min-width CSS properties? Can you fix it so it only generates width?

Until this is fixed, this global CSS will force Chrome 91 to ignore min-width on table columns:

colgroup { min-width: auto !important;}
col { min-width: auto !important; }

I think the fix suggested above is incorrect. It makes COLGROUP behave as if it was a COL

colgroup {
  display: table-column;
}
4reactions
smithyjcommented, Jun 1, 2021

这个Bug是我反馈给Chrome的😂

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome 91 update broke all table views - Stack Overflow
The break has something to do with setting the width on table columns. As a temporary workaround I had to change width setting...
Read more >
TablesNG — Improvements to <table> rendering ... - Bram.us
With Subpixel Geometry three cells in a 100px table will now be given a width of 33.333333px each. Before the first two cells...
Read more >
Chrome 91 rolling out: freeze Tab Groups, Android tablets ...
Version 91 will update how Chrome renders tables on web pages. This will bring Chrome in line with other browsers and fix known...
Read more >
What's New In DevTools (Chrome 91)
Image previews in the Elements panel now displays more information on the image - rendered size, rendered aspect ratio, intrinsic size, ...
Read more >
Latest Google chrome (91.0.4472.77) breaks fixed columns ...
Since we have two separate tables we use Javascript to align the columns. It looks like Chrome 91 isn't obeying our width assignment...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found