jQWidgets jqxPivotGrid autoResize 属性

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxPivotGrid是一个功能强大且轻量级的数据可视化小部件，完全用 JavaScript 语言编写。这个小部件提供了许多高级功能，并且可以根据不同的需求进行高度定制。

autoResize属性用于设置或返回指定的jqxPivotGrid小部件的大小是否自动调整以显示整个内容。

句法：

用于设置autoResize属性。

$('#jqx_Pivot_Grid').jqxPivotGrid({autoResize: true});

用于获取autoResize属性。

var res = $('#jqx_Pivot_Grid').jqxPivotGrid('autoResize');

链接文件：从给定链接下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

示例：下面的示例说明了 jQWidgets jqxPivotGrid autoResize属性。在下面的示例中， autoResize属性的值已设置为true 。

HTML

  

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        jQWidgets jqxPivotGrid autoResize Property
        
        
        
        
        
            $(document).ready(function () {
                var data = new Array();
                var i = 0;
                while (i <= 2) {
                    var Column = ["Company"];
                    var Domain = ["Programming", 
                                  "CS subjects", 
                                  "GATE preparation"];
                    var Rank = ["Ranking"];
                    var row = {};
                    row["Domain"] = Domain[i];
                    row["Column"] = "Company";
                    row["Rank"] = "Domain";
                    data.push(row);
                    i++;
                }
                var dataAdapter = new $.jqx.dataAdapter({
                    localdata: data,
                    datafields:
                        [
                            { name: 'Rank', type: 'string' },
                            { name: 'Domain', type: 'string' },
                            { name: 'Column', type: 'string' },
                        ]
                });
                var pivotDataSource = new $.jqx.pivot(
                    dataAdapter,
                    {
                        values: [
                            { text: 'GeeksforGeeks' }
                        ],
                        columns: [{ dataField: 'Column' }],
                        rows: [{ dataField: 'Rank' }, 
                               { dataField: 'Domain' }],
                    }
                );
  
                $('#jqx_Pivot_Grid').jqxPivotGrid({
                    source: pivotDataSource,
                    autoResize: true
                });
                $("#button_for_autoResize").jqxButton({
                    width: 300
                });
                $('#button_for_autoResize').jqxButton().
                    click(function () {
                        var a =
                  $('#jqx_Pivot_Grid').jqxPivotGrid('autoResize');
                        $('#log').html(a);
                    })
            });
        
    

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxpivotgrid/jquery-pivotgrid-api.htm?search=