white-space: nowrapでやってみる
th, td {
min-width: 240px;
white-space: nowrap;
border: solid 1px lightgray;
}
white-space: nowrap を設定した場合
white-space: nowrap を設定しない場合
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
th, td {
min-width: 240px;
white-space: nowrap;
border: solid 1px lightgray;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<th>caption1</th>
<th>caption2</th>
<th>caption3</th>
</tr>
<tr>
<td>1-1 Practice makes the impossible possible.</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</tbody>
</table>
</body>
</html>
|
