javascript:handsontable

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
javascript:handsontable [2021/06/09 00:41] – [HandsOnTable の使い方] ともやんjavascript:handsontable [2021/10/10 04:49] (現在) – [HandsOnTable の使い方] ともやん
行 4: 行 4:
  
 ===== インストール ===== ===== インストール =====
-github より最新ソースを取得する場合。\\+<wrap em>jsDelivr CDN を利用する場合はインストールの必要はありません🥰</wrap>\\ 
 +github より最新ソースを取得する。\\
 <WRAP prewrap 100%> <WRAP prewrap 100%>
 <code> <code>
行 56: 行 57:
 ===== HandsOnTable の使い方 ===== ===== HandsOnTable の使い方 =====
 <html> <html>
-  <script async src="//jsfiddle.net/tomoyan596/af54jpzy/26/embed/js,html,css,result/dark/"></script>+<iframe width="100%" height="360" src="//jsfiddle.net/tomoyan596/af54jpzy/39/embedded/result,html,js,resources/dark/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
 </html> </html>
  
-==== インスタンス生成時に最低限指定しなければならない引数 ==== +==== インスタンス生成時に最低限指定しなければならない項目 ==== 
-<WRAP prewrap 100% #mincode>+<WRAP prewrap 100% mincode>
 <code html> <code html>
-  <div id="grid"> +<div id="hoTable"> 
-  </div>+</div>
 </code> </code>
  
 <code javascript> <code javascript>
-    new Handsontable(grid, { +'use strict'; 
-      data: [ +const hoTable = document.getElementById('hoTable'); 
-        ['佐藤', 10], + 
-        ['斎藤', 20], +new Handsontable(hoTable, { 
-        ['🐎の💩', 100] +  data: [ 
-      ], +    ['佐藤', 10], 
-      width: 150, +    ['斎藤', 20], 
-      height: 80, +    ['シュガーはホントに🐎の💩', 100] 
-      licenseKey: 'non-commercial-and-evaluation' +  ], 
-    });+  width: 300, 
 +  height: 80, 
 +  licenseKey: 'non-commercial-and-evaluation' 
 +});
 </code> </code>
 </WRAP> </WRAP>
行 82: 行 86:
 ご参考: [[http://www.fstcon.jp/?p=34723|サトウ、サイトウ、馬のクソ | ファーストコンサルティング株式会社]]\\ ご参考: [[http://www.fstcon.jp/?p=34723|サトウ、サイトウ、馬のクソ | ファーストコンサルティング株式会社]]\\
  
-===== jsDelivr を利用する ===== +===== jsDelivr CDN を利用する ===== 
-<WRAP prewrap 100% #mincode>+<WRAP prewrap 100% mincode>
 <code> <code>
-https://cdn.jsdelivr.net/npm/package@version/dist/file+https://cdn.jsdelivr.net/npm/package[@version]/dist/file
 package=handsontable package=handsontable
-version=8.4.0+[version=9.0.0]
 file=handsontable.full.* file=handsontable.full.*
 </code> </code>
 <code html> <code html>
-  <script src="https://cdn.jsdelivr.net/npm/handsontable@8.4.0/dist/handsontable.full.js"></script> +<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script> 
-  <link href="https://cdn.jsdelivr.net/npm/handsontable@8.4.0/dist/handsontable.full.css" rel="stylesheet">+<link href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" rel="stylesheet">
 </code> </code>
 </WRAP> </WRAP>
  • javascript/handsontable.1623166890.txt.gz
  • 最終更新: 2021/06/09 00:41
  • by ともやん