How to color arrow in tabulator group rows?

问题: How can I specify color of the arrows in group rows that collapse/expand a group? Also, what's the proper CSS code to define font color for column group summaries? You ca...

问题:

How can I specify color of the arrows in group rows that collapse/expand a group? Also, what's the proper CSS code to define font color for column group summaries?

You can see an example that I trying to customize here: https://jsfiddle.net/saleyn/a6hyxe24/74/

#equity-table .tabulator-footer {
  background-color:#333;
  color:#BBB;
  font-weight: normal !important;
}

In that snippet, the color of the "grand total" calculations was changed, but how do I change the color of sub-total group summaries?


回答1:

Look at this fiddle: https://jsfiddle.net/17dtamrq/

The correct css is :

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    border-top-color:red;
}

.tabulator-row.tabulator-group .tabulator-arrow {
    border-left-color: green;
}

// For the last row fore color
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    color: #f00;
}

// For the inner table sub-calcs
.tabulator-table .tabulator-row.tabulator-calcs > div {
    color: red;
}
  • 发表于 2019-07-04 21:03
  • 阅读 ( 283 )
  • 分类:sof

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除