HTML tableの実装がこれまでと変わる！Googleデベロッパーによる変更点の解説 -TablesNG

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。 TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに TablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック

[coliss]

HTMLのtableの実装がこれまでと変わるのでその変更点を解説。

[y-kawaz]

滅茶苦茶利用されてる実装を数億の目に晒されながら継続的アップデート内で気付かれないままごっそり入れ替えようとか、想像しただけで吐きそうになる程度に大変そう。偉い。

[rgfx]

変にネイティブ連携のAPI増やすよりこういう仕事のほうが尊い…

[Pasta-K]

<thead>にposition: sticky使えるようになったのめでたい！！！！！

[musign]

元記事はChromeがTableのバグをたくさん直したよみたいな話かな？stickyは前から使ってる。（追記）セルにstickyしてた。行にできるのは便利になる。

[yarumato]

“テーブルはCSS機能よりも前にブラウザに実装されたため、これらの機能のサポートに一貫性がない。そのため新しい仕様が必要になった。”　まだ実装前なの？　実装完了はしてないようだ。

[blueboy]

　Chrome も　Firefox　も、すでに実装されている。見本　→　https://since-inc.jp/blog/8675

[kijtra]

ついでに列にも sticky 実装してくれ！

[diveintounlimit]

tablesngあんまり真剣に見てなかったな・・・ちゃんと見よう

[adsty]

テーブルの不整合の修正を目的とした再アーキテクチャの取り組み。

[richard_raw]

列はstickyにできるんです？（純粋な瞳）

[rryu]

border collapseの時にどっちのセルのボーダーが生きるのか謎だったのだがバグってたのか…

[trace22]

こないだ早速TableNGのバグ踏まされた。まあそうなるわな…。

[pascal256]

後で読む

[miyako_suteking]

ついていけないの極み

[marmot1123]

No GoodじゃなくてNext Generationか。

[asa_ca3]

border はバグだったのか

[Falky]

なんか前提がよくわかってないんだけども、そもそもChromium 90までにおけるtableの実装がHTML/CSSの規格を正しく満たしてなかった（バグってた）って話なの？

[Helfard]

全く新しい<moderntable>を定義した方が早くないか？

[mysql8]

ヘッダの横にスクロールバーが表示されるバグ

[nkgr]

よい。

[Shinwiki]

つーかプリミティブなタグ数種にCSS拡張だけでよくない？HTMLって要らなくない？

[uesugi_sbw]

クロームが変わったらieも変わるんか？

[programmablekinoko]

フーム

[zettaimuri]

今更table使うかな？

[murasuke]

“TablesNG”テーブルの行にposition: sticky;

[sippo_des]

なんてこったい。でも便利になるならいいよ、、これから作るやつだけね

[Finding]

既存のtableタグを置き換えないと、ってことじゃないのよね？

[poliphilus]

<tfoot> はどうなるのだ。

[mcddx30]

“行にposition: sticky;が使用できる。”

[kns_1234]

"これまでは、<thead>にposition: sticky;を適用しようとしても、テーブルのヘッダはスティッキーポジションに残りませんでした。"