jquery - HTML 中的水平和对 Angular 线表格

标签 jquery html css

可以在 HTML/CSS/Javascript 中实现对 Angular 表格列/单元格吗?

我已经在谷歌上搜索了几个小时,我能找到的唯一资源是对 Angular 分割单元格而不是旋转表格/列的一部分。

屏幕截图:

enter image description here

最佳答案

喜欢@Giacomo1968 wrote in their answer ,您想使用 Div 或更好的 Ul 标记来代替。 至于转动,使用 CSS3 来旋转完成的 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 */

所以基本上你的表格是由两个表格组成的,一个是普通的,另一个是使用 CSS3 旋转的。

关于jquery - HTML 中的水平和对 Angular 线表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14514869/

相关文章:

jquery - 如何获取具有显示 : none? 的父元素的元素的高度

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - Edge 上的 HTML <template>(版本 ≥13)

javascript - 向 HTML 标签添加自定义属性有多糟糕?

javascript - 如何在轮播中间放置一个搜索框?

javascript - 从值数组中获取多个最大值

jquery - CSS伪类和JQuery视差效果导致闪烁

html - Angular-strap 的旁边与整个页面重叠

javascript - 使用 jquery 为多个元素制作交错的淡入淡出循环

css - <p :commandButton> image shows ui-button over the button image