如何更改 google 可视化表及其列的 css 属性?我在开发网站上阅读了如何调整单个单元格和行背景、文本颜色等,但没有关于如何调整列的信息 或表格边框、颜色、填充等
此代码来自google dev website这个例子也可以在 this post. 中找到。
CSS 属性:
<style>
.orange-background {
background-color: orange;
}
.orchid-background {
background-color: orchid;
}
.beige-background {
background-color: beige;
}
</style>
表代码:
var cssClassNames = {
'headerRow': 'italic-darkblue-font large-font bold-font',
'tableRow': '',
'oddTableRow': 'beige-background',
'selectedTableRow': 'orange-background large-font',
'hoverTableRow': '',
'headerCell': 'gold-border',
'tableCell': '',
'rowNumberCell': 'underline-blue-font'};
var options = {'showRowNumber': true, 'allowHtml': true, 'cssClassNames': cssClassNames};
var data = new google.visualization.DataTable();
//... add data here ...
var table = new google.visualization.Table(container);
table.draw(data, options);
没有类名属性将列或表作为一个整体进行引用。我的首要任务是消除外侧的表格边框并调整列宽,使整个表格变小。
提前致谢!
最佳答案
我在 'google-visualization-table-table
' 上进行了 google 搜索,发现了这个 page .
它有多个表格 CSS 属性的示例,即:
.google-visualization-table-table {
font-family: arial, helvetica;
font-size: 10pt;
cursor: default;
margin: 0;
background: white;
border-spacing: 0;
}
感谢您的帮助asgallant !
关于javascript - 如何更改 google 可视化表及其列的 css 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25042874/