jquery - HTML の水平および斜めの表

Question

対角表の列/セルを HTML/CSS/Javascript で実装できますか?

私は数時間グーグルしてきましたが、見つけることができる唯一のリソースは、セルを斜めに分割し、テーブル/列の一部を回転させることではありません。

スクリーンショット:

Answer 1

@JakeGould が書いたように、代わりにDivor betterUlタグを使用します。順番については、CSS3 を使用して完成したテーブルを回転させます。

transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
-o-transform:rotate(-45deg); /* Opera */

したがって、基本的にテーブルは 2 つのテーブルで構成されています。1 つは通常のテーブルで、もう 1 つは CSS3 を使用して回転します。

Answer 2

ここには2つのテーブルがあります。平方フィートを回転させます。テーブル、部門テーブルの後ろの位置。その後、コンテンツの一部を元の位置に回転して戻します。背景色のない数字は、テーブルの一部で、bgの色をリセットするか、リストのようにテーブルとは別に回転させることができます。テーブルの近くに配置します。楽しんでください！

Answer 3

控えめに言っても、それは複雑に思えます。<table>これをタグではなく、<div>、<ul>&タグで実行しようとし<li>ます。しかし、最新の CSS オプションで実行可能だと思います。