調整谷歌表格行高度

我有一個谷歌可視化儀表板與表格圖表（如https://developers.google.com/chart/interactive/docs/gallery/table）顯示下面顯示的一些數據。我設法改變表的字體大小使用CSS類名稱，但行高仍然是默認大小 - 哪個id喜歡改變和縮小。調整谷歌表格行高度

香港專業教育學院使用的字體是什麼 - CSS：

.small-font { 
    font-size: 10px; 
    }

的javascript：

var cssClassNames = { 
    tableCell: 'small-font' 
    };

有沒有辦法做到這一點使用CSS或其他方法？

Table Chart Image

來源

2017-05-12 Joel Skol

只需添加height的CSS類small-font ...

.small-font { 
    font-size: 8px; 
    height: 10px; 
}

一定要包括以下圖表選項...

allowHtml: true

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['table'] 
 
}); 
 

 
function drawChart() { 
 
    var data = new google.visualization.arrayToDataTable([ 
 
    ['Year', 'Value'], 
 
    ['2010', 10], 
 
    ['2020', 14], 
 
    ['2030', 16], 
 
    ['2040', 22], 
 
    ['2050', 28] 
 
    ]); 
 

 
    var options = { 
 
    allowHtml: true, 
 
    cssClassNames: { 
 
     tableCell: 'small-font' 
 
    } 
 
    }; 
 

 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.Table(container); 
 
    chart.draw(data, options); 
 
}

.small-font { 
 
    font-size: 8px; 
 
    height: 10px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

來源

2017-05-12 11:24:18 WhiteHat

絕對有效的解決方案。起初沒有用我原來的代碼工作，不知道爲什麼，但重寫後工作。 –

問題不在於上述細節清晰。但是，請嘗試以下：

「TD」或「TR」的刪除高度，如果使用
刪除細胞填充，如果任何
使用邊界崩潰：崩潰;爲表

來源

2017-05-12 04:07:29

調整谷歌表格行高度

回答

相關問題