差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
javascript:handsontable [2021/06/09 00:41] – [HandsOnTable の使い方] ともやん | javascript:handsontable [2021/10/10 04:49] (現在) – [HandsOnTable の使い方] ともやん | ||
---|---|---|---|
行 4: | 行 4: | ||
===== インストール ===== | ===== インストール ===== | ||
- | github より最新ソースを取得する場合。\\ | + | <wrap em> |
+ | github より最新ソースを取得する。\\ | ||
<WRAP prewrap 100%> | <WRAP prewrap 100%> | ||
< | < | ||
行 56: | 行 57: | ||
===== HandsOnTable の使い方 ===== | ===== HandsOnTable の使い方 ===== | ||
< | < | ||
- | | + | <iframe width=" |
</ | </ | ||
- | ==== インスタンス生成時に最低限指定しなければならない引数 | + | ==== インスタンス生成時に最低限指定しなければならない項目 |
- | <WRAP prewrap 100% #mincode> | + | <WRAP prewrap 100% mincode> |
<code html> | <code html> | ||
- | | + | <div id="hoTable"> |
- | </ | + | </ |
</ | </ | ||
<code javascript> | <code javascript> | ||
- | | + | 'use strict'; |
- | data: [ | + | const hoTable = document.getElementById(' |
- | [' | + | |
- | [' | + | new Handsontable(hoTable, { |
- | [' | + | data: [ |
- | ], | + | [' |
- | width: | + | [' |
- | height: 80, | + | ['シュガーはホントに🐎の💩', |
- | licenseKey: ' | + | ], |
- | }); | + | width: |
+ | height: 80, | ||
+ | licenseKey: ' | ||
+ | }); | ||
</ | </ | ||
</ | </ | ||
行 82: | 行 86: | ||
ご参考: [[http:// | ご参考: [[http:// | ||
- | ===== jsDelivr を利用する ===== | + | ===== jsDelivr |
- | <WRAP prewrap 100% #mincode> | + | <WRAP prewrap 100% mincode> |
< | < | ||
- | https:// | + | https:// |
package=handsontable | package=handsontable | ||
- | version=8.4.0 | + | [version=9.0.0] |
file=handsontable.full.* | file=handsontable.full.* | ||
</ | </ | ||
<code html> | <code html> | ||
- | | + | <script src=" |
- | <link href=" | + | <link href=" |
</ | </ | ||
</ | </ |