Google DataTable - 셀 및 디스플레이 업데이트

Google DataTable에서 셀을 업데이트하는 중 문제가 발생하여 디스플레이에 변경 사항이 반영됩니다. 지금 당장, 내 솔루션은 테이블을 다시 그리는 것입니다. 그러나 페이지 스크롤과 사용자가 테이블에서 있었던 위치가 엉망입니다.Google DataTable - 셀 및 디스플레이 업데이트

내가 무엇을 놓치고 있는지 알 수 있습니까? 도와 주셔서 감사합니다.

출처

2015-02-06 user1732055

setCell 함수를 사용 했습니까? 아래의 코드는 테이블의 이름 중 하나를 변경하는 버튼을 제공합니다. 사용자가 강조 표시하기 위해 행을 클릭하면 스크롤 위치 나 강조 표시가 변경되지 않습니다.

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["table"]}); 
     google.setOnLoadCallback(drawTable); 
     var table; 
     var data; 

     function drawTable() { 
     data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Name'); 
     data.addColumn('number', 'Salary'); 
     data.addColumn('boolean', 'Full Time Employee'); 
     data.addRows([ 
      ['Mike', {v: 10000, f: '$10,000'}, true], 
      ['Jim', {v:8000, f: '$8,000'}, false], 
      ['Alice', {v: 12500, f: '$12,500'}, true], 
      ['Bob', {v: 7000, f: '$7,000'}, true], 
      ['Mike', {v: 10000, f: '$10,000'}, true], 
      ['Jim', {v:8000, f: '$8,000'}, false], 
      ['Alice', {v: 12500, f: '$12,500'}, true], 
      ['Bob', {v: 7000, f: '$7,000'}, true], 
      ['Mike', {v: 10000, f: '$10,000'}, true], 
      ['Jim', {v:8000, f: '$8,000'}, false], 
      ['Alice', {v: 12500, f: '$12,500'}, true], 
      ['Bob', {v: 7000, f: '$7,000'}, true], 
      ['Mike', {v: 10000, f: '$10,000'}, true], 
      ['Jim', {v:8000, f: '$8,000'}, false], 
      ['Alice', {v: 12500, f: '$12,500'}, true], 
      ['Bob', {v: 7000, f: '$7,000'}, true] 
     ]); 

     table = new google.visualization.Table(document.getElementById('table_div')); 

     table.draw(data, {showRowNumber: true}); 
     } 

     function changeCell() { 
      data.setCell(1, 0, 'Changed Name'); 
      table.draw(data, {showRowNumber: true}); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="table_div"></div> 
    <button onclick="changeCell()">Change</button> 
    </body> 
</html>

출처

2015-02-11 08:21:23

감사합니다. 그게 내가하는 일이야. – user1732055

Google DataTable - 셀 및 디스플레이 업데이트

답변

관련 문제