谷歌图表-如何更改整个表的css属性

Google chart - how to change a css property for the whole table

本文关键字：css 属性 何更改 谷歌      更新时间：2023-09-26

我有一个css定义，它为div设置"table border collapse:collapse"。在该div中，我显示一个继承了此属性的Google Orgchart，然后在渲染图表时导致显示问题。

我如何删除/重载图表的此属性，因为它是动态生成的，因此我不能使用内联属性。

编辑：谷歌的js生成的代码是：

<table class="google-visualization-orgchart-table" dir="ltr" cellpadding="0" cellspacing="0" align="center"`>

我试图在我的文件中添加：

.google-visualization-orgchart-table {
border-collapse:separate;
}

但没有影响。。

仍然使用Chrome的检查功能，我可以看到以下css导致了这种情况：

#main-content table {
width: 100%;
border-collapse: collapse;
}

主要内容是我的DIV.当我在Chrome中手动取消选中这个"边框折叠"属性时，它工作得很好。

感谢

在类似情况下，我所做的是使用Firebug for Firefox查找导致问题的项的名称、id或类，然后在样式表中为该元素添加css。

如果您在最新版本的Firefox上还没有Firebug，请点击此处获取：https://addons.mozilla.org/en-US/firefox/addon/firebug/us

示例：

假设元素的id是谷歌表

#googleTable{
 border-collapse:separate !important;
}

一定要包括！重要的是要确保不会发生继承。

相关文章：