Question

var boarder_color=function myFunction() {
  document.getElementById("myDiv").style.border = "thick solid #0000FF";
}
for (var i = 0 ; i < 2 ; i ++ ){

    temp.push({
            title:"Compared",
            borderColor : boarder_color, // I want to add boarder color to this column
            columns:[
                {title:"val", field:"setting", width:"95", sortable:true, headerFilter:"input"},
                {title:"feild", field:"val", formatter:"textarea", headerFilter:"input", width:"150"},
            ],
        })
}

var table = new Tabulator("#table", {
    resizableRows:true,
    fitColumns:true,
    height: (window.innerHeight > 130 ? window.innerHeight - 130 : 1),
    index:"serial",
    columns: temp,

我对javascript非常陌生，似乎我的问题可能不包含必需的信息。任何帮助将不胜感激

我引用了以下链接：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_border

Answer 1

您可以使用css类，例如：

.redBorder{
    border:1px solid #ff0000;
}

然后使用列定义上的cssClass属性将此类添加到单元格中

//column definition
{title:"val", field:"setting", cssClass:"redBorder"},

尽管值得注意的是，您只能将边框应用于实际的列，而不能应用于列组。

或者如果您需要逐个单元地进行操作，则可以使用自定义格式化程序：

//column definition
{title:"val", field:"setting", formatter:function(cell){
        cell.getElement().style.border= "1px solid #ff0000";
        return cell.getValue();
    }
},

想要将寄宿生颜色添加到列

1 个答案: