从数据表中删除垂直边界线

Question

我希望我可以删除 Webix 数据表中各列之间的垂直边框。重点是 borderless:true 属性用于控件之间的边界，但不用于内部边界线。

也许有人知道怎么做？代码非常简单：这是一个 snippet 的简单数据表。

webix.ui({  
 view:"datatable",     
 data:mydata, 
 columns:[
   {id:"id", header:"#"},
   {id:"title", header:"Title", fillspace:true},
   {id:"artist",  header:"Artist"},
   {id:"album",  header:"Album"},
   {id:"year", header:"Year"}
 ],
 //autoconfig:true,    
});

还有一个问题。应该在列属性中完成还是我可以保留 autoconfig:true？提前致谢

Answer 1

也许试试这个：

CSS

.webix_dtable .webix_cell {
    border-right: 0 !important;
}

Answer 2

在您的 css 文件（或内部样式标签）中应该是这样的：

td {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom: 1px solid #999;
}

这将删除 table 每个单元格上的垂直边界线并在底部绘制边框。

P.S：如果你想在那个片段上完全这样做，你可以转到文件 flat.css 的第 253 行，这是这样的：

border-right: 1px solid #EBEBEB;

并使其成为注释，或像这样在其他地方覆盖它：

.webix_column > div {
   border-right-width: 0 !important;
}

从数据表中删除垂直边界线

Removing vertical borderlines from the datatable

javascript

css

datatable

border

webix