Question

我已经编写了一个函数来对齐多个Google Chart表的列。 jQuery用于实际更改列宽，但我得到了一些奇怪的行为。我已经给出了下面这个功能的列表。

match_table_column_sizes: function(table_wrapper, match_table_wrapper) {
    google.visualization.events.addListener(match_table_wrapper, 'ready', function() {
        var table_chart = table_wrapper.getChart();
        var match_table_chart = match_table_wrapper.getChart();

        var resize_function = function() {
            for (var i = 0; i < match_table_wrapper.getDataTable().getNumberOfColumns(); i++) {
                var match_cell = $('#' + match_table_wrapper.getContainerId() + ' td.google-visualization-table-th')[i];
                var cell = $('#' + table_wrapper.getContainerId() + ' td.google-visualization-table-th')[i];
                match_cell_width = $(match_cell).outerWidth();

                // ---- This is the weird bit --- //
                $(cell).width(match_cell_width);
                console.log(match_cell_width);
                console.log($(cell).width());
            }
        };
        resize_function();

        google.visualization.events.addListener(match_table_chart, 'sort', resize_function);
    });
},

奇怪的是，控制台的输出永远不会是match_cell_width。它没有变化！我甚至尝试将其设置为像＃100; 100px＆＃39;并且它根本没有更新。

我也尝试了以下类似的结果。

$(cell).css('width', match_cell_width + 'px');
$(cell).css('width', '100px');

如果有人有任何想法，我会非常感激，因为我完全被难过了。

感谢您的期待！

使用jQuery width（）更改Google Chart表的列宽并不会实际改变宽度

0 个答案: