Google 表格列上的 CSS

Question

我正在使用带有数据 View 的 google-tables，但我不知道如何在我的其中一个列上设置任何类型的格式。

  var datatable = createGoogleData(...);
  datatable.setColumnProperty(2, 'className', 'hest1'); // <--- doesnt work
  var view = new google.visualization.DataView(datatable);
  ...
  view.setColumns([0, 1, { calc: blabla, type: 'string', label: 'blabla', 
       id: 'hest2'}]); // <---- doesnt work
  var table = new google.visualization.Table(document.getElementById('comment')); 
  table.draw(view);

即使使用这两个设置(hest1 和 hest2)，css 类也没有改变。

Answer 1

我找到了解决办法:

var datatable = createGoogleData(...);
var view = new google.visualization.DataView(datatable);
view.setColumns([0, 1, { calc: f, type: 'string', label: 'blabla']);
var table = new google.visualization.Table(document.getElementById('comment')); 
table.draw(view, {allowHtml:true});

function f(dataTable, rowNum) {
    return '<span class="google-cg-date-field">'+ dataTable.getValue(rowNum, 3) +'</span>';
}