ユーザ用ツール

サイト用ツール


it技術:web開発:jspreadsheet

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
it技術:web開発:jspreadsheet [2023/02/11 18:41] – [Handsontableとの違い] yajuadminit技術:web開発:jspreadsheet [2023/02/11 22:32] (現在) – [Handsontableとの違い] yajuadmin
行 18: 行 18:
   * enterMoves オプションがないため、Enterキーで次のセルに移動できない。   * enterMoves オプションがないため、Enterキーで次のセルに移動できない。
   * outsideClickDeselects オプションがない。   * outsideClickDeselects オプションがない。
-  * fillHandle オプションがない。+  * fillHandle オプションの代わりに、selectionCopy オプションを使用する。 \\ 参照:[[https://github.com/jspreadsheet/ce/issues/996|Disable the dragging corner #996]] 
 +  * readonly 属性が true でも setValue で値をセットすると外れてしまう。 \\ セット後に instance.jexcel.getCell(cellName).classList.add('readonly'); を追加する 
 +  * 位置(x,y)からcell値(例 A1)を変換するには、jexcel.getColumnNameFromId([x, y]) を使用する。 
 +  * jexcel の名前を変数として使用すると、内部の jexcel.getColumnNameFromId 関数ど使用できなくなる。 
 +  * デフォルトで列ヘッダーが表示される。列ヘッダーを表示有無の rowHeader オプションは無い。 
 + 
 +==== readonlyの色を変える ==== 
 +デフォルトは薄い 
 +<code css> 
 +.jexcel > tbody > tr > td.readonly 
 +
 +    color:rgba(0,0,0,0.3) 
 +
 +</code> 
 + 
 +もう少し濃くする。 
 +最後の「0~1」がalpha値になります。「0」に設定した場合は完全に透明になります。また、「1」にした場合は透過されません。 
 + 
 +<code css> 
 +.jexcel > tbody > tr > td.readonly  
 +
 +    color:rgba(0,0,0,0.5) 
 +
 +</code> 
 + 
 +==== 列ヘッダーを消す ==== 
 +hideIndex オプションは無いようなので、hideIndex() メソッドを実行する、または下記のCSSを使用する。 
 + 
 +<code css> 
 +.jexcel colgroup col:first-child { 
 +    width: 0 !important; 
 +
 +</code> 
 + 
 +[[https://github.com/jspreadsheet/ce/issues/288|Hide row number column #288]]
  
it技術/web開発/jspreadsheet.1676108492.txt.gz · 最終更新: 2023/02/11 18:41 by yajuadmin