Google visualization 如何抑制表格上的水平滚动条

我想要一个固定宽度的谷歌可视化表格，并有td单元格包装。在draw方法中指定宽度时，将显示一个水平滚动条。而不是这个，我想要细胞的包裹

这是一个有效的例子。在本例中，我希望将第一列换行。我尝试添加一个类，其中包含单词换行：break word。但这是行不通的

以下是相关的js：

function drawChart() {
var cssClassNames = {
    'tableCell': 'googlecell'
};

var datatable = new google.visualization.DataTable();

datatable.addColumn('string', 'Keyword', 'col1');
datatable.addColumn('number', 'Pageviews');
datatable.addColumn('number', 'Secs.');


datatable.addRows(3);
datatable.setCell(0, 0, '(not set)');
datatable.setCell(0, 1, 20308);
datatable.setCell(0, 2, 68.74);
datatable.setCell(1, 0, '(not provided)');
datatable.setCell(1, 1, 14410);
datatable.setCell(1, 2, 49.99);
datatable.setCell(2, 0, 'product_type_l1==sdsssijven&+product_type_l2==*');
datatable.setCell(2, 1, 3838);
datatable.setCell(2, 2, 48.35);

var table = new google.visualization.Table(document.getElementById('table_div'));

table.draw(datatable, {
    showRowNumber: false,
        'allowHtml': true,
        'cssClassNames': cssClassNames,
    width: 400
});



}

google.load("visualization", "1", {
    packages: ["corechart", "table"]
});

google.setOnLoadCallback(drawChart);

和相关css：

.googlecell {
word-wrap: break-word;
}

那么：

.googlecell {
    word-break: break-all;
}

这就是你想要的吗？（）