Javascript 如何显示最初只有两页一次点击最后一页下一页数字应显示在谷歌图表数据表 google.charts.load（'current'{ “包”：[“表”] }); google.charts.setOnLoadCallback（drawTable）； 函数drawTable（）{ var dataTable=new google.visualization.dataTable（）； //确定行数和列数。 var numRows=newData.length； var numCols=newData[0]。长度； dataTable.addColumn（'string'，newData[0][0]）； 对于（变量i=1；i

这里显示的是1,2,3,4而不是我最初想要的1,2一旦单击2或next它应该显示next3,4等等

问题是，如果我的数据大小是100，那么它显示1,2,3,4,5,6,7,8,9,10。。。。100 所以这是个问题。

---

有人能帮我一下吗。

使用

分页按钮

配置选项。看

例子： 运行以下使用

分页按钮的代码段：2

：

google.charts.load（'current'{
“包”：[“表”]
});
google.charts.setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
['Mike'，{v:10000，f:'10000'}，对]，
['Jim'，{v:8000，f:'8000'}，假]，
['Alice'，{v:12500，f:'12500'}，对]，
['Bob'，{v:7000，f:'7000'}，对]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
变量选项={
showRowNumber:true，
宽度：“100%”，
高度：“100%”，
页面：“启用”，
页面大小：1，
分页按钮：2
}
表.绘制（数据、选项）；
}

         google.charts.load('current', {
                'packages': ['table']
            });
            google.charts.setOnLoadCallback(drawTable);

            function drawTable() {
                var dataTable = new google.visualization.DataTable();

                // determine the number of rows and columns.
                var numRows = newData.length;
                var numCols = newData[0].length;

                dataTable.addColumn('string', newData[0][0]);

                for (var i = 1; i < numCols; i++)
                    dataTable.addColumn('string', newData[0][i]);

                // now add the rows.
                for (var i = 1; i < numRows; i++)
                    dataTable.addRow(newData[i]);

                
                var cssClassNames = {
                    'tableRow': 'gold-border',
                    'oddTableRow': 'beige-background',
                    'headerCell': 'gold-border',
                    'tableCell': 'gold-border'
                };

                var options = {
                    showRowNumber: false,
                    width: '100%',
                    height: '100%',
                    page: 'disable',
                    pageSize: 1,
                    allowHtml: true,
                    pagingSymbols: {
                        prev: 'Prev',
                        next: 'Next'
                    },
                    'cssClassNames': cssClassNames,
                    pagingButtonsConfiguration: 'auto'
                };
                
                

                // redraw the chart.
                var chart = new google.visualization.Table(document.getElementById('gauge_div'));
                chart.draw(dataTable, options);

            }