Home/ Questions/Q 9187351
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T19:44:49+00:00

Can a diagonal table columns/cells be implemented in HTML/CSS/Javascript? I’ve been googling for several

  • 0

Can a diagonal table columns/cells be implemented in HTML/CSS/Javascript?

I’ve been googling for several hours and the only resource I can find is splitting cells diagonally and not rotate part of a table/column.

Screenshot:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Like @Giacomo1968 wrote in their answer, you want to use Div or better Ul tag instead.
    As for the turn, use CSS3 to rotate your finished table:

    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 */

    So basically your table is made out of two tables, one is normal, other is using CSS3 to rotate.

    • 0