R Shiny:删除表格中的特定行边框

时间:2014-10-13 11:58:36

标签: css shiny

我在R / Shiny中创建了一个包含7行的表,其中第2行和第5行是空白的(如箭头所示)。

Table

我试图通过css完全删除第2行和第5行中的所有垂直边框,最后将表格显示为具有三个单独的部分表格的ID是统计数据I,这是我在css中的尝试:

#StatisticsI table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    text-align: center;
}

#StatisticsI td {
    padding: 8px;
    line-height: 7px;
    text-align: center;
    vertical-align: top;
    font-size: 80%;
    font-family: Calibri;
    font-weight: normal;
      border: 1.9px solid #2e3658;
}
#StatisticsI th {
    padding: 8px;
    line-height: 7px;
    text-align: center;
    vertical-align: top;
    font-size: 80%;
    font-family: Calibri;
    font-weight: bold;
    border: 1.9px solid #2e3658;
}



#StatisticsI tr:nth-child(3), 
#StatisticsI tr:nth-child(6) {
    font-size: 120%;
    border: none;
} 

最后一部分是我尝试实现这一目标但不幸的是它没有

1 个答案:

答案 0 :(得分:3)

您可以使用:nth-child()删除特定行中的边框。

td { border: 1px solid #000000; height: 10px; }

tr:nth-child(2) td, tr:nth-child(5) td {
    border: 0px !important;
}

小提琴:http://jsfiddle.net/3xx4quj0/