0

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

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

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？提前致谢

4

2 回答 2

1

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

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

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

PS：如果您想在该片段上完全执行此操作，可以转到文件 flat.css 的第 253 行，即：

border-right: 1px solid #EBEBEB;

并使其注释，或在其他地方覆盖它，如下所示：

.webix_column > div {
   border-right-width: 0 !important;
}
于 2015-11-30T15:54:59.367 回答
1

试试这个也许：

CSS

.webix_dtable .webix_cell {
    border-right: 0 !important;
}
于 2015-11-30T15:48:11.763 回答