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

Workbook_SheetChange

Answer 2

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

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

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

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

border-right: 1px solid #EBEBEB;

并对其进行评论，或者在其他地方覆盖它：

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

从数据表中删除垂直边线

2 个答案: