セルの幅の最小値をmin-widthで設定してみる
th, td {
min-width: 360px;
border: solid 1px lightgray;
}
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
th, td {
min-width: 360px;
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 Take your time.</td>
<td>1-3 Strile while the iron is hot.</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>
|
