1

次のようなコードでGoogle Chart Toolsを使用します。

<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 カ国。どういうわけか、2 ページ目には残りの国がリストされていましたが、3 ページ目には 21 から 38 までの国がリストされています。
  • #4 - すでにリストされている 8 か国 (31 から 38 まで)

JSFIDDLE http://jsfiddle.net/HT3St/

Code Playgroundでもコードをテストしたところ、同じ問題が発生しました。これは私が知らない既知のバグですか？

4

2 に答える 2

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

pageSize が文字列に設定されました。10 の周りの引用符に注意してください。

pageSize: 10,
于 2013-04-09T16:39:43.590 に答える
1

同じ問題があり、これを解決する方法を見つけました。オプションを再度適用すると、バグが解決されます。

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

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

それを試してみてください ：）

于 2013-01-24T13:15:48.250 に答える