电子表格中的 Google 可视化表格：隐藏表格的标题行答案

【问题标题】：Google Visualization Table from spreadsheet: hide header row of table电子表格中的 Google 可视化表格：隐藏表格的标题行
【发布时间】：2017-04-30 16:42:47
【问题描述】：

我有一个用于数据源的 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之类的URL成功查询数据...

...select 语句是“SELECT B ORDER BY B”的编码版本。

我的表格 div 标记已填充，但它显示标题行“名称”。我怎样才能隐藏它并让它以“安娜”开头？

我是在前端更改 select 语句还是可以配置表格选项来隐藏第一行？

【问题讨论】：

标签： css google-visualization

【解决方案1】：

我想通了：在表格选项中，添加参数：

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

并在 CSS 中添加：

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

【讨论】：

【解决方案2】：

（按照你的例子）一个更简单的方法是使用display: none（见https://stackoverflow.com/a/5113253/11794965）

所以在你的 CSS 中，添加：

.noHeader {
  display: none;
}

【讨论】：