CSS Code here
[data-rem-container-tags~="table"] {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
[data-rem-container-tags~="table"]
> .TreeNode {
border-left: unset !important;
}
[data-rem-container-tags~="table"]
> :first-child {
border: 0.1em solid black;
margin-left: 1.55em; /*If your table title bar is not clean , adjust here*/
background-color: #EEEEEB;
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode
> .tree-node-container {
border-bottom: 0.1em solid black;
border-left: 0.1em solid black;
border-right: 0.1em solid black;
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode
> .tree-node-container:nth-child(n+2) {
margin-left: -1px;
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode
> .tree-node-container
> div:first-child {
border-bottom: 0.1em solid black;
font-weight: bold;
background-color: #EEEEEB;
text-align: center;
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode {
display: flex;
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode
> .tree-node-container {
flex: 1 1 0; /* change table width here */
}
.tree-node-container[data-rem-container-tags~="table"]
> .TreeNode:not(:hover) .rem-bullet__container {
visibility: hidden ;
}
A slight variation of @hannesfrank’s CSS library