2

我正在使用谷歌图表中的表格。表中的所有数据都右对齐。我需要在中心对齐文本。我正在动态构建表格，因此无法应用设置单元格方法：

 data.setCell(1, 1, 25000, '$25,000', {'className': 'bold-font center-text'});

我想应用类名而不应用 25000 和 $25000 值。类似于：
data.setCell(1, 1, '', '', {'className': 'bold-font center-text'});

我也不想将其仅应用于第一个单元格，而是应用于整个表格。

总之，我如何将所有文本集中在一个表格中？

4

2 回答 2

8

添加自定义css

将此代码添加到您的页面

<style>
.google-visualization-table-td {
text-align: center !important;
}
</style>

“！important”对于覆盖谷歌的数字/文本左/右对齐是必要的。

于 2014-06-11T04:36:46.890 回答
0

对于那些试图完成同样事情但使用 Angular 和 Ionic 的人来说，这只是一个替代答案。

我必须将这段 css 放在 *.scss 文件中，该文件与要呈现图表的 *.html 文件相关联：

::ng-deep td[class^='google-visualization-table'] {
    text-align: center !important;
    }

“类”之后的奇怪插入符号用于将样式仅应用于以字符串“google-visualization-table”开头的 td 元素。根据您的 td 包含的数据类型，类名可能只是“ google-visualization-table-td ”，也可能是“ google-visualization-table-type-number google-visualization-table-td ”等，因此需要像这样灵活的 css 语句。

另外，我听说 ng:deep 已被弃用，但这仍然有效（截至 2021 年底）。不过，将来以不同的方式做这件事可能会很好。

于 2021-09-01T04:22:01.867 回答