Question

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

Answer 1

在Google Visualization API表中设置列宽非常烦人。 HTML表格根据表格中的第一行数据设置列宽，对于Google Visualization API，标题行（正常的表格构造会将标题行放在带有<thead>标记的<th>中，但Google会将<tbody>标记为<td>，这就是定义列宽的原因。 API没有提供任何方法来为标题行中的单个单元格分配css或类，因此您必须编写javascript来解析表并设置适当的类/ CSS来处理列宽。此外，由于表格从HTML中删除并重新绘制，只要用户单击列标题对表格进行排序或单击页面按钮（如果启用了分页），则只要表格为表格，就必须将类/ CSS重新分配给单元格。重绘。更复杂的是，如果你为表分配了一个高度，这样表会在它变得太大时滚动，API实际上会绘制两个表来创建固定的标题效果。

通常我是使用Google Visualization API的倡导者，但在Table可视化的情况下，它有时比它的价值更麻烦。您可以更轻松地使用其他库，或创建自己的自定义表格可视化。

如果您想继续使用表格可视化，这里有一些代码可以帮助您入门：

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)
    }
});

你可以在谷歌图表表中调整列宽吗？

1 个答案: