Javascript 要访问列索引，必须使用DOM

将单击侦听器添加到

中，当它触发时，使用父

的子节点中的

的索引检测列索引

简单的例子：

google.setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
[“迈克”{
v:10000，
f:‘一万元’
},
真的
],
[“吉姆”{
v:8000，
f:‘8000元’
},
假的
],
[“爱丽丝”{
v:12500，
f:‘12500元’
},
真的
],
[“鲍勃”{
v:7000，
f:‘7000元’
},
真的
]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
google.visualization.events.addListener（表'ready'，function（）{
document.querySelector（“#table_div tbody”）.addEventListener（'click'，函数（e）{
var cell=e.src元素| | e.target，
column=null；
if（table.getSelection（）.length&&cell！==cell.parentNode.firstChild）{
对于（变量i=0；i

---

对列索引没有基于API的访问，必须使用DOM

将单击侦听器添加到

中，当它触发时，使用父

的子节点中的

的索引检测列索引

简单的例子：

google.setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
[“迈克”{
v:10000，
f:‘一万元’
},
真的
],
[“吉姆”{
v:8000，
f:‘8000元’
},
假的
],
[“爱丽丝”{
v:12500，
f:‘12500元’
},
真的
],
[“鲍勃”{
v:7000，
f:‘7000元’
},
真的
]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
google.visualization.events.addListener（表'ready'，function（）{
document.querySelector（“#table_div tbody”）.addEventListener（'click'，函数（e）{
var cell=e.src元素| | e.target，
column=null；
if（table.getSelection（）.length&&cell！==cell.parentNode.firstChild）{
对于（变量i=0；i

<代码>谷歌.Visual.Tabe<代码>，您可以考虑以下方法来访问列属性（从表单元格）：


google.load（'visualization'，'1'{
套餐：[“表”]
});
setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
[“迈克”{
v:10000，
f:‘一万元’
},
真的
],
[“吉姆”{
v:8000，
f:‘8000元’
},
假的
],
[“爱丽丝”{
v:12500，
f:‘12500元’
},
真的
],
[“鲍勃”{
v:7000，
f:‘7000元’
},
真的
]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
google.visualization.events.addListener（表'select'，函数（）{
selectHandler（表）；
});
表.绘制（数据、{
showRowNumber:false
});
}
函数selectHandler（表）{
var selection=table.getSelection（）；
如果（selection.length==0）
返回；
var cell=event.target；//获取所选单元格
document.getElementById（'output'）.innerHTML=“行：”+selection[0]。行+“列：”+cell.cellIndex；
}

<代码>谷歌.Visual.Tabe<代码>，您可以考虑以下方法来访问列属性（从表单元格）：


google.load（'visualization'，'1'{
套餐：[“表”]
});
setOnLoadCallback（drawTable）；
乐趣
// Add our selection handler.
google.visualization.events.addListener(table, 'select', selectHandler);

// The selection handler.
// Loop through all items in the selection and concatenate
// a single message from all of them.
function selectHandler() {
  var selection = table.getSelection();
  var message = '';
  for (var i = 0; i < selection.length; i++) {
    var item = selection[i];
    if (item.row != null && item.column != null) {
      var str = data.getFormattedValue(item.row, item.column);
      message += '{row:' + item.row + ',column:' + item.column + '} = ' + str + '\n';
    } else if (item.row != null) {
      var str = data.getFormattedValue(item.row, 0);
      message += '{row:' + item.row + ', column:none}; value (col 0) = ' + str + '\n';
    } else if (item.column != null) {
      var str = data.getFormattedValue(0, item.column);
      message += '{row:none, column:' + item.column + '}; value (row 0) = ' + str + '\n';
    }
  }
  if (message == '') {
    message = 'nothing';
  }
  alert('You selected ' + message);
}