向Google圖表表格中的單元格添加填充或邊距

我在表格模式和表格中使用Google圖表，我希望內容（文本）與邊界有一點距離。我試圖用CSS來做到這一點，但填充，邊距和它們與-left的變體目前無法使用。鏈接到tableCell屬性（它是谷歌圖表表格的cssClassNames屬性的一部分）的css正在工作，因爲我可以設置邊框和背景。但是當我嘗試設置填充或邊距等時，沒有任何變化。那麼我需要做什麼來創建邊界和表格內容之間的距離？向Google圖表表格中的單元格添加填充或邊距

這是我使用的谷歌圖表表：https://developers.google.com/chart/interactive/docs/gallery/table

來源

2013-07-05 Cornelis

此功能似乎還沒有（2016年6月）。順便說一下，[webapps]（http://webapps.stackexchange.com/questions/7014/can-i-change-cell-padding-in-google-spreadsheets） –

你使用什麼CSS將是回答這個問題有幫助的更詳細一點。也就是說，我敢打賭，這與您的CSS選擇器特性有關。

例如，使用td { padding-left: 16px; }可能不起作用，因爲現有的body.docs table th, body.docs table td { padding: 6px 10px; }的CSS規則會級聯它。

然而，這樣的事情可能工作：

html body.docs table th, 
html body.docs table td 
{ 
    padding-left: 16px; 
}

對CSS具體詳情請參見this link。此外，請確保您的表格不在iframe中，您要在包含該表格的頁面中聲明CSS;在調查這個問題時，我很早就被這個問題咬了（因爲我並沒有意識到它是在那裏）。

來源

2013-07-05 12:27:12 vee

我希望這會幫助你。添加使用data.setCell數據行，如下

data.addColumn('string', 'Name'); 
      data.addColumn('number', 'Salary'); 
      data.addColumn('boolean', 'Full Time'); 
      data.addRows(5); 
      data.setCell(0, 0, 'John',null,{'className':'right'}); 
      data.setCell(0, 1, 10000, '$10,000'); 
      data.setCell(0, 2, true);

這裏是working sample.

更多谷歌圖表相關的查詢拜訪jqfaq.com

來源

2013-07-08 10:56:28

「工作示例」上的相同問題似乎沒有「工作」。我看不到填充 – vsync

我偶然發現了同樣的問題，但沒有找到一個快速回答（也不乾淨）。

我用來修復（hack？）的解決方案是讓我的CSS類比API使用的更具體。

前：

.my-row-class td { 
    padding: 15px; 
}

後

.my-row-class td, .google-visualization-table-table .my-row-class td { 
    padding: 15px; 
}

使用.google-visualization-table-table明確變得比他們的API中使用谷歌的一個更具體的，因此它最後的應用，改寫了谷歌擁有的選擇硬編碼在他們的API中。

來源

2016-02-03 10:58:59

向Google圖表表格中的單元格添加填充或邊距

回答

相關問題