jquery - 更改表格的显示属性

Question

我在我的网站上使用了表格单元格:

但是正如你在图片上看到的:

移动 View 看起来有点奇怪，所以我希望绿色的 no 现在水平显示，并且它是彼此下方的单元格。

我已经检查了 SO 的一些答案，但可以正确理解。这是我的 fiddle :https://jsfiddle.net/Wosley_Alarico/y7wqj55p/2/

尝试更改显示属性以继承但没有任何反应:

tr{
  display: inherit;
}

如何让绿色条水平显示在它们的单元格顶部？希望我能说得通。提前致谢

Answer 1

请将此添加到您的 CSS:

@media (max-width: 550px){
    .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds {

        width: 100% !important;
    }
    td, tr {
        display: block;
    }
    p.rotate.column-second {
        position: initial;
        -webkit-transform: inherit;
         transform: inherit;
        -o-transform: inherit;
        -moz-transform: inherit;
    }
    td.column {
        width: inherit;
        padding: 0 !important;
    }
    table img {
        width: 100%;
    }
    .org-chart td {
        padding-left: 0;
    }
}