Google visualization 你能在谷歌图表表中调整列宽吗?

Google visualization 你能在谷歌图表表中调整列宽吗?,google-visualization,Google Visualization,所以我有一个表,显示了行的索引号。我已将表格的宽度最大化,使其与页面完全相同。不幸的是,带有索引号的列现在很宽,所以我想知道是否有一种方法可以设置第一列的宽度上限,或者使表中的所有列都可以调整?谢谢 在Google Visualization API表中设置列宽真的很烦人。HTML表格根据表格中的第一行数据设置列宽,对于Google Visualization API来说,这是标题行(正常的表格构造将标题行放在带有标记的中,但Google将标题行放在带有标记的中,这就是它定义列宽的原因)。API

所以我有一个表,显示了行的索引号。我已将表格的宽度最大化,使其与页面完全相同。不幸的是,带有索引号的列现在很宽,所以我想知道是否有一种方法可以设置第一列的宽度上限,或者使表中的所有列都可以调整?谢谢

在Google Visualization API表中设置列宽真的很烦人。HTML表格根据表格中的第一行数据设置列宽,对于Google Visualization API来说,这是标题行(正常的表格构造将标题行放在带有
标记的
中,但Google将标题行放在带有
标记的
中,这就是它定义列宽的原因)。API不提供任何方法将css或类分配给标题行中的各个单元格,因此您必须编写javascript来解析表,并设置适当的类/css来处理列宽。此外,由于每当用户单击列标题对表进行排序或单击页面按钮(如果启用了分页)时,表就会从HTML中删除并重新绘制,因此每当重新绘制表时,您必须将类/CSS重新分配给单元格。更复杂的是,如果为表指定了一个高度,以便表太大时会滚动,那么API实际上会绘制两个表以创建固定标题效果

通常我提倡使用Google可视化API,但在表可视化的情况下,它有时会带来很多麻烦。使用另一个库或创建自己的自定义表可视化可能会更容易

如果要继续使用表可视化,请使用以下代码:

google.visualization.events.addListener(table, 'ready', function () {
    var headerCells = document.querySelectorAll('#myTableDiv table tr:first-child td');
    for (var i = 0; i < headerCells.length; i++) {
        // access the header cell element with headerCells.item(i)
    }
});
google.visualization.events.addListener(表'ready',函数(){
var headerCells=document.queryselectoral(“#myTableDiv table tr:first child td”);
对于(变量i=0;i