【FileMaker】WebビューアにJavaScriptでスプレッドシートを表示するテスト【Jspreadsheet CE】

 

Jspreadsheet CE

github: Jspreadsheet CE v4: JavaScript スプレッドシート

※Jexcel CEは Jspreadsheet CE に名前が変更されたとのこと。

「JS 配列、JSON、CSV、または XSLX ファイルからオンライン スプレッドシート テーブルを作成できます。Excel からコピーして直接 Jspreadsheet CE スプレッドシートに貼り付けることができ、その逆も可能です。」（Google翻訳）

githubページのスクリーンショットで簡単なデモが見れます。

行の入れ替えもできるみたい。

MITライセンス

【追記】2022/10/29

CSS カスタマイズのメモ

ヘッダー／行　の背景色（backgroud-color）、文字色変更（color）

.jexcel > thead > tr > td

{

border-top: 1px solid #ccc;

border-left: 1px solid #ccc;

border-right: 1px solid transparent;

border-bottom: 1px solid transparent;

background-color: #1e88e5;

padding: 2px;

cursor: pointer;

box-sizing: border-box;

overflow: hidden;

position: -webkit-sticky;

position: sticky;

top: 0;

z-index:2;

color: #fff;

}

ヘッダー／列　の背景色（backgroud-color）、文字色変更（color）

.jexcel > tbody > tr > td:first-child

{

position:relative;

background-color:#1e88e5;

color: #fff ;

text-align:center;

}