Jspreadsheet CE - The JavaScript Data Grid with Spreadsheet Controls
<html> <script src="https://bossanova.uk/jspreadsheet/v5/jspreadsheet.js"></script> <script src="https://jsuites.net/v5/jsuites.js"></script> <link rel="stylesheet" href="https://jsuites.net/v5/jsuites.css" type="text/css" /> <link rel="stylesheet" href="https://bossanova.uk/jspreadsheet/v5/jspreadsheet.css" type="text/css" /> <div id="spreadsheet"></div> <script> let table = jspreadsheet(document
jspreadsheets
jspreadsheets compiles the best spreadsheets and data grids written in JavaScript. It helps you choose the most suitable component for your project.
Handsontable is a JavaScript data grid that looks and feels like a spreadsheet - Available for React, Angular, and Vue
JavaScript Data Grid with Spreadsheet UI A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScriptGet Started What's new in v15.1.0 of February 20, 2025 → All spreadsheet featuresWhen you work with Handsontable, it's like you're working with Excel or Google Sheets. There's no steep learning cur
データã®è¿½è¨˜èªã¿è¾¼ã¿ã«å¯¾å¿œã™ã‚‹ãƒ†ãƒ¼ãƒ–ル·StreamTable.js MOONGIFT
StreamTable.jsã¯JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（MIT License）ã§ã™ã€‚ æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ãªã©ã§ã¯ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã®éš›ã«ãƒ†ãƒ¼ãƒ–ル組ã§è¡¨ç¤ºã™ã‚‹äº‹ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ãã®ã‚ˆã†ãªæ™‚ã«ä¸€æ°—ã«è¡¨ç¤ºã—よã†ã¨ã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ãªãŒã‚‰è¡¨ç¤ºã‚’è¡Œã£ã¦ã„ãStreamTable.jsã§ã™ã€‚ テーブルã¯æ—¢ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã¯å¾ã€…ã«å–å¾—ã•ã‚Œã¦ã„ãã¾ã™ã€‚例ãˆã°ã“ã®å ´åˆã¯20%ã¾ã§ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ã„ã¾ã™ã€‚ ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã©ã‚“ã©ã‚“増ãˆã¦ã„ãã¾ã™ã€‚ 検索ボックスを使ã£ã¦äºˆã‚フィルタリングã™ã‚‹äº‹ã‚‚ã§ãã¾ã™ã€‚マッãƒã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã ã‘ãŒè¿½åŠ ã•ã‚Œã¦ã„ãã¾ã™ã€‚ 仕組ã¿ã¨ã—ã¦ã¯Ajaxã§ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ã¦ã„ã¾ã™ã€‚ StreamTable.jsã§ã¯ãƒ‡ãƒ¼ã‚¿ã®ã‚¹ãƒˆãƒªãƒ¼ãƒ ベースã§ã®å–å¾—ã«åŠ ãˆã¦ã€æ¤œç´¢ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿çµžã‚Šè¾¼ã¿ã¨ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾å¿œã—ã¦ã„ã¾ã™
基幹システムã®ãƒ†ãƒ¼ãƒ–ル表示ãªã©ã§å½¹ç«‹ã¡ãã†ãªRailsプラグイン·jQuery grid plugin MOONGIFT
jQuery grid pluginã¯Ruby製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。ä¼æ¥ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚Railsを使ã£ã¦æ§‹ç¯‰ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ããŸã€‚安定ã—ã¦ããŸã®ã«åŠ ãˆã¦é–‹ç™ºåŠ¹çŽ‡ãŒé«˜ã„ã“ã¨ãŒé¸ã°ã‚Œã‚‹è¦å› ã«ãªã£ã¦ã„ã‚‹ã®ã ã‚ã†ã€‚ãã—ã¦åŸºå¹¹ã‚·ã‚¹ãƒ†ãƒ ã§è‰¯ãã‚ã‚‹ã®ãŒãƒ‡ãƒ¼ã‚¿ã®ãƒ†ãƒ¼ãƒ–ル表示ã 。 高機能ãªãƒ†ãƒ¼ãƒ–ル表示 テーブル表示ã—ã¦çµ‚ã‚ã‚Šã‹ã¨è¨€ãˆã°ãã‚“ãªã“ã¨ã¯ãªã„。データをé¸ã‚“ã§ä¸€æ‹¬å‡¦ç†ã—ãŸã‚Šä¸¦ã³æ›¿ãˆãŸã‚Šçµžã‚Šè¾¼ã¿ã‚’ã—ãŸã‚Šã¨ä¸€è¦§è¡¨ã«å¯¾ã™ã‚‹è¦æœ›ã¯å¤šã„。一ã¤ä¸€ã¤å®Ÿè£…ã—ã¦ã„ã‚‹ã¨å·¥æ•°ãŒã¨ã¦ã‚‚膨らんã§ã—ã¾ã†ã ã‚ã†ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒjQuery grid pluginã 。 jQuery grid pluginã¯Railsã®ãƒ—ラグインã§ãƒ‡ãƒ¼ã‚¿ã®ãƒ†ãƒ¼ãƒ–ル表示ã«åŠ ãˆã¦ãã®æ“作ãŒä¸€ã¤ã«ã¾ã¨ã¾ã£ã¦æä¾›ã•ã‚Œã‚‹ã€‚カラムを使ã£ãŸä¸¦ã³æ›¿ãˆã€Ajaxを使ã£ãŸãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€è¡¨ç¤ºä»¶æ•°ã®å¤‰æ›´ã€æ¤œç´¢æ©Ÿèƒ½ãªã©ä½•ã§ã‚‚ã”ã–ã‚Œã 。 インライン編集（
MOONGIFT: » 必見ï¼ã‚½ãƒ¼ãƒˆ/編集ãŒã§ãる表ライブラリ「TableKitã€:オープンソースを毎日紹介
昨日紹介ã—ãŸã€ŒNofunc Table Organizeã€ã¯è¡¨ã«å¯¾ã—ã¦ç°¡å˜ã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ãŒä»˜ä¸Žã§ãã‚‹ã™ã°ã‚‰ã—ã„ライブラリã 。ã—ã‹ã—æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を構築ã—ã¦ã„ã‚‹ã¨ã€ãれ以外ã«ã‚‚è¦æœ›ãŒå‡ºã¦ããŸã‚Šã™ã‚‹ã€‚ 良ãã‚ã‚‹ã®ãŒã€ãã®å ´ã§ãƒ‡ãƒ¼ã‚¿ã‚’ä¿®æ£ã—ãŸã„ãªã©ã¨è¨€ã†ã‚‚ã®ã 。もã¡ã‚ã‚“ã€æŠ€è¡“çš„ã«ä¸å¯èƒ½ãªè¨³ã§ã¯ãªã„。ãŒã€é–‹ç™ºã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚ŠéŽãŽã‚‹ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯TableKitã€ãƒ†ãƒ¼ãƒ–ルã®ã‚½ãƒ¼ãƒˆã«åŠ ãˆãƒ‡ãƒ¼ã‚¿ç·¨é›†æ©Ÿèƒ½ã‚’å‚™ãˆãŸãƒ©ã‚¤ãƒ–ラリã 。 TableKitã¯Nofunc Table OrganizeåŒæ§˜ã«ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚€ã ã‘ã§æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã¯æ®†ã©ãã®ã¾ã¾ã§ä½¿ãˆã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。ヘッダ部ã«theadã€ãƒ‡ãƒ¼ã‚¿éƒ¨ã«tbodyãã—ã¦ãƒ•ãƒƒã‚¿éƒ¨ã«tfootを指定ã™ã‚‹ã€‚ ヘッダ部をクリックã—ã¦æ˜‡é †ã€é™é †ã«ã‚ˆã‚‹ã‚½ãƒ¼ãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ãƒ¼ã‚¿ã‚’ãã®å ´ã§ä¿®æ£ã§ãã‚‹ã®ãŒä¾¿åˆ©ã
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - mleibman/SlickGrid: A lightning fast JavaScript grid/spreadsheet
http://angular-ui.github.com/ng-grid/
Loading...
{{#tags}}- {{label}}
{{/tags}}