Question

起初，我并不精通语言，对此感到抱歉。

我正在使用带有分页选项的Google可视化表。

this.draw = function() 
{
    this.table.draw(this.dT, {
        allowHtml: true, 
        showRowNumber: true, 
        cssClassNames: cssClass,
        page : 'enable',
        pageSize : 4,
        pagingSymbols: {
        prev: '&nbsp;&nbsp;<div align="center" style="width:50px;height:2px; text-align : center; font-size: 12px;">Previous</div>&nbsp;&nbsp;',
        next: '&nbsp;&nbsp;<div align="right" style="width:50px;height:2px; text-align : center; font-size: 12px;">Next</div>&nbsp;&nbsp;'
    }
    });
}

每当添加新行时，使用.SetSelection（）选择新添加的行，但在UI中，它将从表格的第一行显示。

我需要帮助来突出显示/显示页面中新添加的行：2。

提前致谢。

我收录了示例代码......

<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">
 var cssClass = {rowNumberCell: 'rowNumberCellClass'};

function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'Place');
data.addRows(4);
data.setCell(0, 0, 'John');
data.setCell(1, 0, 'Sam');
data.setCell(2, 0, 'Andreson');
data.setCell(3, 0, 'Cody');

data.setCell(0, 1, 'Stockholm');
data.setCell(1, 1, 'Dubai');   
data.setCell(2, 1, 'India');
data.setCell(3, 1, 'Australia');

visualization = new google.visualization.Table(document.getElementById('table'));
//visualization.draw(data, null);
visualization.draw(data, {
        allowHtml: true, 
        showRowNumber: true, 
        cssClassNames: cssClass,
        page : 'enable',
        pageSize : 2,
        pagingSymbols: {
        prev: '&nbsp;&nbsp;<div align="center" style="width:50px;height:2px; text-align : center; font-size: 12px;">Previous</div>&nbsp;&nbsp;',
        next: '&nbsp;&nbsp;<div align="right" style="width:50px;height:2px; text-align : center; font-size: 12px;">Next</div>&nbsp;&nbsp;'
    },

    });

 }  
   google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body>
<div id="table"></div>
</body>
</html>

如何在分页的谷歌可视化表中显示最后添加的行？

0 个答案: