Html 如何从Google Visualization API在表格中居中显示数字？

我目前正试图帮助建立一个网站，以显示来自谷歌表单的大量数据。在这里，我想我将使用格式化数据，以便以我想要的方式显示它。我现在发现这令人难以置信地沮丧

我想做的是将一列数字居中，但是当我使用css将所有数字居中时，它们仍将右对齐

css的应用方式如下：

.center{text align:center；}

，我正在应用Google描述的css：

var cssClassNames = {
'headerRow': 'header-row',
'tableRow': 'table-row',
'oddTableRow': 'odd-table-row',
'selectedTableRow': 'selected-table-row',
'hoverTableRow': 'hover-table-row',
'headerCell': 'header-cell center',
'tableCell': 'table-cell',
'rowNumberCell': ''};

function loadGoogleDriveTable(elementID, documentKey, range, sheetID) {
    var query = new google.visualization.Query('https://docs.google.com/spreadsheet/ccc?key=' + documentKey + '&range=' + range + '&usp=drive_web&gid=' + sheetID + '#');
    query.send(function(response) {
        if (response.isError()) {
            alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
            return;
        }

        var options = { 'allowHtml': true, 'cssClassNames': cssClassNames };
        var data = response.getDataTable();
        var chart = new google.visualization.Table(document.getElementById(elementID));
        chart.draw(data, options);
    });
}

这些表加载了所有适当的数据，但不会改变它们的外观

---

---

这方面的任何帮助都会非常好。

好吧，这是因为即使您的单元格与自定义类一起显示，作为数字单元格，它也会为单元格提供一个

谷歌可视化表td number

类，该类设置

文本对齐：右

。要修复它，只需将样式更改为“编写：

text align:center！”！重要的

发生这种情况的原因是，即使您的单元格与自定义类一起显示，作为数字单元格，它也会为单元格提供一个

谷歌可视化表格td number

类，该类设置

文本对齐：右

。要修复它，只需将样式更改为“编写：

text align:center！”！重要的

发生这种情况的原因是，即使您的单元格与自定义类一起显示，作为数字单元格，它也会为单元格提供一个

谷歌可视化表格td number

类，该类设置

文本对齐：右

。要修复它，只需将样式更改为“编写：

text align:center！”！重要的

发生这种情况的原因是，即使您的单元格与自定义类一起显示，作为数字单元格，它也会为单元格提供一个

谷歌可视化表格td number

类，该类设置

文本对齐：右

。要修复它，只需将样式更改为“编写：

text align:center！”！重要的
谢谢你的回答，你不会碰巧知道如何从进度条样式中删除“float:left”吧？哪些进度条？只要覆盖css属性，就可以“删除”它对延迟响应的担忧。当您使用条形图以上下文方式显示数据时，数字内有一个跨度。需要查看一个示例我有一个完整的问题。感谢您的回答，您不会碰巧知道如何从进度条样式中删除“float:left”是吗？哪些进度条？只要覆盖css属性，就可以“删除”它对延迟响应的担忧。当您使用条形图以上下文方式显示数据时，数字内有一个跨度。需要查看一个示例我有一个完整的问题。感谢您的回答，您不会碰巧知道如何从进度条样式中删除“float:left”是吗？哪些进度条？只要覆盖css属性，就可以“删除”它对延迟响应的担忧。当您使用条形图以上下文方式显示数据时，数字内有一个跨度。需要查看一个示例我有一个完整的问题。感谢您的回答，您不会碰巧知道如何从进度条样式中删除“float:left”是吗？哪些进度条？只要覆盖css属性，就可以“删除”它对延迟响应的担忧。当您使用条形图以上下文方式显示数据时，数字内有一个跨度。需要查看示例我有一个完整的问题。