Handsontableのグリッドデザインを変えるCSS
Handsontableのグリッドの見た目を変えるCSS備忘。
参考サイト
最新版(6.2.2)のチュートリアルはない模様
黄色の縞々にしてみる
列固定、行固定をしていると固定した部分がヘッダになるので注意。
.ht_master tr:nth-of-type(odd) > td { background-color: #faf5e1; } .handsontable th { line-height: 43px; background-color: #ffffff; border-color: #e5d8a1; border-bottom: 1px solid #e5d8a1; } .handsontable th:first-child { border-left: 1px solid #e5d8a1; } .handsontable tr:first-child th { border-top: 1px solid #e5d8a1; border-right: 1px solid #e5d8a1; } .handsontable tr:first-child td { border-top: 1px solid #e5d8a1; } .handsontable td { line-height: 25px; border-color: #e5d8a1; } .handsontable td:first-of-type{ border-left: 1px solid #e5d8a1; }
↓