Javascript 分页表时Google图表API出现问题

Javascript 分页表时Google图表API出现问题,javascript,google-visualization,Javascript,Google Visualization,与以下代码一起使用: <div id='table_div'></div> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('visualization', '1', {packages:['table']}); google.setOnLoadC

与以下代码一起使用:

<div id='table_div'></div>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function drawTable() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Country');
  data.addColumn('number', 'A');
  data.addColumn('number', 'B');
  data.addColumn('number', 'Total');
  data.addRows([
      ['United States',     19, 115, 134],
      ['United Kingdom',     3,  23,  26],
      ['Germany',            2,  19,  21],
      ['Ireland',            0,   3,   3],
      ['Belgium',            2,   3,   5],
      ['Russian Federation', 0,   2,   2],
        ...
  ]);

  var table = new google.visualization.Table(document.getElementById('table_div'));
  table.draw(data, {showRowNumber: true, page: 'enable', pageSize: '10', sortColumn: 3, sortAscending: false});
}
</script>

load('visualization','1',{packages:['table']});
setOnLoadCallback(drawTable);
函数drawTable(){
var data=new google.visualization.DataTable();
data.addColumn('string','Country');
data.addColumn('number','A');
data.addColumn('number','B');
data.addColumn('number','Total');
data.addRows([
[‘美国’,19、115、134],
[‘联合王国’、3、23、26],
[‘德国’、2、19、21],
[Ireland',0,3,3],
[‘比利时’、2、3、5],
[“俄罗斯联邦”,0,2,2],
...
]);
var table=新的google.visualization.table(document.getElementById('table_div');
draw(数据,{showRowNumber:true,page:'enable',pageSize:'10',sortColumn:3,sortScending:false});
}
它在分页时会导致一个奇怪的问题。有38个县,每页显示:

  • #1-10个国家(从1到10个)
  • #2-28个国家(11至38个)
  • #3-18个国家。不知何故,尽管第二页已经列出了其他国家,但第三页还是列出了21到38个国家
  • #4-8个国家(31至38个),已列入名单
JSFIDDLE


我也对代码进行了测试,同样的问题也发生了。这是我不知道的已知错误吗?

我也有同样的问题,我找到了解决方法,我再次执行该选项,它解决了错误:

 var options = {
   alternatingRowStyle:[true],
   pageSize:[20],
   page:['enable']
    };

  options['pageSize'] = 20; <- This line fix the problem.
var选项={
alternatingRowStyle:[true],
页面大小:[20],
页面:[“启用”]
};

选项['pageSize']=20 我也遇到了同样的问题,我发现了如何解决这个问题,我再次强制执行该选项,它解决了错误:

 var options = {
   alternatingRowStyle:[true],
   pageSize:[20],
   page:['enable']
    };

  options['pageSize'] = 20; <- This line fix the problem.
var选项={
alternatingRowStyle:[true],
页面大小:[20],
页面:[“启用”]
};
选项['pageSize']=20;
您的页面大小已设置为字符串。注意10号左右的引号。它必须是这样一个数字

pageSize: 10,
您的页面大小已设置为字符串。注意10号左右的引号。它必须是这样一个数字

pageSize: 10,

如果使用
arrayToDataTable
而不是
DataTable
,是否会出现相同的错误?是的,会发生相同的错误。如果使用
arrayToDataTable
而不是
DataTable
,是否会出现相同的错误?是的,会发生相同的错误。