已旋转列标题

Question

我正在尝试为每个表格标题添加一个类，以便它们可以在表格顶部以一定角度旋转。表格标题是从一组项目中填充的。目前我的代码已经旋转了整个表头而不是单个表头

function renderMatrix(){
    var actions = getActions();
    for(var i=0;i<actions.length;i++){
        $("#actionTable>thead>tr").append("<th>"+ actions[i] +"</th>");
        $("#actionTable>thead>tr").addClass("rotateHeader")
        
    }

---

.rotateHeader
{transform: 
    translate(25px, 51px)

    rotate(315deg);
  width: 30px;
}

制作它的最佳方法是什么，所以唯一旋转的是列标题中的文本。

Answer 1

试试

$("#actionTable").find("th").css('-webkit-transform', 'rotate(315deg)')