代码之家 › 专栏 › 技术社区 › mindlessgreen

DataTable:删除所有水平边框

dt r

mindlessgreen · 技术社区 · 6 年前

如何删除所有水平边框,使其仅为偶数/奇数着色?

https://datatables.net/examples/styling/stripe.html

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td {
  border: none;
}

我还想删除顶部和底部的黑色边框。这似乎没有任何效果。

table.dataTable thead th {
  border-bottom: 0;
  border-style: none;
}
table.dataTable tfoot th {
  border-top: 0;
  border-style: none;
}
table.dataTable .no-footer {
  border-bottom: 0;
}

2 回复 | 直到 6 年前

Grant Miller 6 年前

可以使用以下代码删除所有水平边框,仅删除偶数/奇数着色:

datatable(mtcars[1:3,1:3], class = 'stripe')

Stéphane Laurent 6 年前

可以删除上边框和下边框,如下所示:

datatable(head(iris), 
          options=list(headerCallback = JS(
            "function( thead, data, start, end, display ) {
            $(thead).closest('thead').find('th').each(function(){
              $(this).css('color', 'red').css('border','none');
            });
            }"
            ),
            initComplete = JS(
            "function(settings) {
            var table = settings.oInstance.api(); 
            $(table.table().node()).removeClass('no-footer');
            }")))

推荐文章

Fideldue · 闪亮数据表中的单选按钮,用于在一列中“子选择”行/分组

7 年前

Alejandro Andrade · 将映像添加到R中的数据表

7 年前

trayvou jba · 使用2个下载按钮从datatable和pdf图形下载文件

7 年前

trayvou jba · 数据表DT上的formatStyle

7 年前

Marissa · 闪亮的renderDataTable table\u cell\u已单击

7 年前

magasr · 来自另一列的Datatable工具提示

7 年前

sgdata · DT十进制时间-时钟时间转换

7 年前

string · DT数据表R中的条件格式

7 年前

Donjin · 如何将R包(DT)中的数据表包含到另一个HTML文件中

7 年前

dimitris_ps · 更改R中DT库中tabletools按钮的颜色

9 年前