Google 表格列上的 CSS

发布于 2024-09-19 07:54:37 字数 526 浏览 5 评论 0原文

我正在使用带有数据视图的谷歌表，但我不知道如何在我的一列上获得任何类型的格式。

  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 类也没有改变。

原文

I am using google-tables with a dataview, and I cannot figure out how to get any kind of formatting on one of my columns.

  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);

Even with those two setting (hest1 and hest2) the css class is unchanged.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉生梦死 2024-09-26 07:54:37

我找到了解决方法：

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>';
}

I found a work around:

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>';
}

回复收藏 0 原文

~没有更多了~