问题与谷歌图表API而分页表(Issue with Google Charts API while

使用谷歌图表工具有这样的代码：

<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>

它会导致而寻呼一个奇怪的问题。 有38个县，每个页面显示：

• ＃1 - 10个国家（从1到10）
• ＃2 - 28个国家（从11至38）
• ＃3 - 18个国家。 不知何故，尽管第二页已列出的其他国家一样，有一个列出了从21到38个国家第三页，再
• ＃4 - 8个国家（从31至38），已经列出的

的jsfiddle http://jsfiddle.net/HT3St/

我测试的代码还对代码游乐场和同样的问题发生。 这是一些已知的错误，我不知道吗？

Answer 1:

我有同样的问题，我已经找到了如何解决这个问题，我再次执行选项，它解决的bug：

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

  options['pageSize'] = 20; <- This line fix the problem.

试试吧 ：）

Answer 2:

{showRowNumber: true, 
 page: 'enable', 
 pageSize: '10', 
 sortColumn: 3, 
 sortAscending: false
}

你的pageSize被设置为一个字符串。 注意周围的10它的报价是一些像这样

pageSize: 10,

文章来源: Issue with Google Charts API while paging table