天天色宗合网天天干好逼网,国产疯狂女同互磨高潮在线,99久久婷婷国产综合精品交换

純前端表格控件spreadjs：如何利用javascript創建財務指標表

轉帖|使用教程|編輯：鮑佳佳|2020-12-09 09:52:07.387|閱讀 126 次

概述：本示例展示了如何使用 SpreadJS 創建商業關鍵業績指標表單, 例如財務關鍵業績指標表單。各項表格大小、位置只需“拖拉拽”即可完成！

相關鏈接：

SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受以華為、蘇寧易購、天弘基金等為代表的企業用戶青睞。

日前，SpreadJS 正式發布V14.0版本。從該版本開始，SpreadJS加入了數據透視表插件，進一步降低企業數據分析的門檻，提升系統數據處理的能力。

此外，SpreadJS 還在 V14.0中發布了在線表格編輯器（控件版），作為 SpreadJS 的增強擴展插件，新的編輯器提供了更易嵌入、秒級加載、靈活定制的能力。在線表格編輯器（控件版）可與SpreadJS 集成，助力開發者在主流前端 JS 框架中，實現高性能的模板設計、在線編輯、填報和數據綁定等功能。

下載spreadjs最新版

下面的示例展示了如何使用 SpreadJS 創建商業關鍵業績指標表單, 例如財務關鍵業績指標表單。各項表格大小、位置只需“拖拉拽”即可完成！

具體代碼如下：

app.js:

window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 });
initSpread(spread);
};

function initSpread(spread) {
var sd = data;
if (sd.length > 0) {
if (!spread) {
return;
}

spread.suspendPaint();
spread.fromJSON(sd[0]);
spread.resumePaint();
}
}

index.html：

<!doctype html>
<html style="height:100%;font-size:14px;">

<head>
<meta name="spreadjs culture" content="zh-cn" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css">
<script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js" type="text/javascript"></script>
<script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets-resources-zh/dist/gc.spread.sheets.resources.zh.min.js" type="text/javascript"></script>
<script src="$DEMOROOT$/spread/source/js/license.js" type="text/javascript"></script>
<script src="$DEMOROOT$/spread/source/data/financialKPIs.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<div class="sample-tutorial">
<div id="ss" style="width:100%;height:100%"></div>
</div>
</body>
</html>

style.css：

.sample-tutorial {
position: relative;
height: 100%;
overflow: hidden;
}

body {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

小結：

慧都作為Grapecity正版授權合作商，為你提供優質的服務、低廉的價額；還有多種授權方式供你選擇！現適逢慧都17周年促銷活動，spreadJS正版授權限時最高立減6278元！更有3C數碼、蘋果手機、電腦等豪禮相送！

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：

上一篇：VS/MFC編程入門：應用程序工程中文件的組成結構下一篇：流程圖控件GoJS教程：如何內置GoJS交互性

相關產品

控件

產品功能：文檔管理

源碼：非開源

產品編號：13558

當前版本：v18.0 Update1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： GrapeCity

正式授權

">SpreadJS

面向企業級應用開發、基于HTML5的純JavaScript電子表格控件。

控件

產品功能：報表

源碼：非開源

產品編號：10935

當前版本：v19.0 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： GrapeCity

正式授權

">ActiveReports

亞洲暢銷的.NET報表控件，20萬用戶的選擇，可在應用程序中生成各種報表，十多年來一直榮獲應用程序的優秀報表生成控件。

最新文章 MORE

金喜正規買球相關的文章 MORE

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

純前端表格控件spreadjs：如何利用javascript創建財務指標表

用科技創就卓越

Create excellence with technology

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

純前端表格控件spreadjs：如何利用javascript創建財務指標表

為你推薦

用科技創就卓越

Create excellence with technology