电子表格中的Google可视化表:隐藏表格的标题行

时间:2017-04-30 16:42:47

标签: css google-visualization

我有一张用于数据源的Google表格。 B列包含我想在表格中显示的信息。 B1是列标签("名称"),B列的其余部分是感兴趣的数据(B2是" Anna," B2是" Bernard,"等等。)

https://developers.google.com/chart/interactive/docs/spreadsheets所述,我可以使用https://docs.google.com/spreadsheet/ABC123/gviz/tq=select等网址成功查询数据...

...其中select语句是" SELECT B ORDER BY B的编码版本。"

我的表格div标签填充但它显示标题行" name。"我怎样才能隐瞒这一点,并以#34; Anna"?

开头

我是否更改了前端的select语句,或者是否有可以配置隐藏第一行的表格选项?

2 个答案:

答案 0 :(得分:0)

我明白了:在表格选项中,添加参数:

allowHtml: true,
cssClassNames: { tableCell: 'nameClass', headerCell: 'noHeader' }

并在CSS中添加:

.noHeader { background-color: #FFF; border-collapse: collapse; border:none; font-size: 0px; }

答案 1 :(得分:0)

(按照您的示例),一种更简单的方法是使用display: none(请参见https://stackoverflow.com/a/5113253/11794965

因此,在您的CSS中,添加:

.noHeader {
  display: none;
}