Google visualization Can';t更改Google可视化表的边框

Google visualization Can';t更改Google可视化表的边框,google-visualization,border,Google Visualization,Border,我试着用cssClassNames做谷歌可视化表格图表。字体、背景改变了。但我不知道如何隐藏或更改表格边框。在谷歌下面的链接上有边框的权重和颜色,但没有改变 谷歌教程:您可以通过tableCell自定义表格边框,如下所示 示例 google.load('visualization','1',{packages:['table','gauge','corechart']}); setOnLoadCallback(drawTable); 函数drawTable(){ 变量cssClassNames

我试着用cssClassNames做谷歌可视化表格图表。字体、背景改变了。但我不知道如何隐藏或更改表格边框。在谷歌下面的链接上有边框的权重和颜色,但没有改变


谷歌教程:

您可以通过
tableCell
自定义表格边框,如下所示

示例

google.load('visualization','1',{packages:['table','gauge','corechart']});
setOnLoadCallback(drawTable);
函数drawTable(){
变量cssClassNames={
“headerRow”:“,
“tableRow”:“,
“oddTableRow”:“,
“selectedTableRow”:“,
“hoverTableRow”:“,
“headerCell”:“,
“tableCell”:“自定义表td”,
“rowNumberCell”:“};
var options={'showRowNumber':true,'allowtml':true,'cssClassNames':cssClassNames};
var data=new google.visualization.DataTable();
data.addColumn('string','Name');
data.addColumn('number','Salary');
data.addColumn('boolean','Full Time');
数据。添加行(5);
setCell(0,0,'John');
setCell(0,1,10000,$10000');
data.setCell(0,2,true);
setCell(1,0,'Mary');
数据。setCell(1,1,25000,$25000’);
data.setCell(1,2,true);
setCell(2,0,'Steve');
setCell(2,1,8000,$8000');
data.setCell(2,2,false);
setCell(3,0,'Ellen');
setCell(3,12000,$20000');
data.setCell(3,2,true);
setCell(4,0,'Mike');
setCell(4,11200,$12000');
数据。设置单元格(4,2,假);
var container=document.getElementById('table');
var table=新的google.visualization.table(容器);
表.绘制(数据、选项);
}
.google可视化表格td.custom-table-td{
边框:纯绿色;
边框宽度:2px2px1px1px1px;
}


@Nargil,要自定义行样式,您可能需要1)设置
tableRow:custom table tr
样式并定义
。google visualization table tr.custom-table-tr
style P.S.很高兴听到您访问了伊尔库茨克并说了一些俄语!)谢谢你,瓦迪姆。我可以更改th和td元素的边框。但如何改变桌子周围的边框呢?我仍然看到白色的边框。