Here's one solution, using JQuery:
google.visualization.events.addListener(table, 'ready', function () {
$('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) {
var idx = $('td:nth-child(2)', this).html();
$(this).attr('id', 'row' + idx);
});
});
And to remove the ID column:
google.visualization.events.addListener(table, 'ready', function () {
$('.google-visualization-table-tr-head td:nth-child(3)').remove();
$('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) {
var td = $('td:nth-child(2)', this)
var idx = td.html();
td.remove();
$(this).attr('id', 'row' + idx);
});
});
With sorting taken into account:
function tableCleanUp() {
google.visualization.events.addListener(table.getChart(), 'sort', tableCleanUp2);
tableCleanUp2();
}
function tableCleanUp2() {
$('.google-visualization-table-tr-head td:nth-child(3)').remove();
$('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) {
var td = $('td:nth-child(2)', this)
var idx = td.html();
td.remove();
$(this).attr('id', 'row' + idx);
});
}
google.visualization.events.addListener(table, 'ready', tableCleanUp);