npm - w-table-vue - Versions diffs - 1.0.0 - Mend

w-table-vue 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/.editorconfig +9 -0
package/.eslintignore +3 -0
package/.eslintrc.js +55 -0
package/.jsdoc +25 -0
package/LICENSE +21 -0
package/README.md +109 -0
package/SECURITY.md +5 -0
package/babel.config.js +16 -0
package/dist/w-table-vue.umd.js +7 -0
package/dist/w-table-vue.umd.js.map +1 -0
package/docs/examples/app.html +63 -0
package/docs/examples/app.umd.js +7 -0
package/docs/examples/app.umd.js.map +1 -0
package/docs/examples/w-table-edit_default.html +525 -0
package/docs/examples/w-table-edit_editable.html +528 -0
package/docs/examples/w-table-edit_editable_checkId.html +529 -0
package/docs/examples/w-table-edit_editable_checkId_opt.modifyDataWhenSave_save(call cmp. method).html +544 -0
package/docs/examples/w-table-edit_editable_checkId_successMsgFromAddRow_errorMsgFromAddRow.html +539 -0
package/docs/examples/w-table-edit_editable_inforPaddingStyle_menuBackgroundColor.html +534 -0
package/docs/examples/w-table-edit_editable_language_checkId_tooltipAddRow.html +540 -0
package/docs/examples/w-table-edit_editable_language_textLabelDataName_textPlaceholderDataName.html +535 -0
package/docs/examples/w-table-edit_editable_no enableInfor.html +529 -0
package/docs/examples/w-table-edit_editable_no enableMenu.html +529 -0
package/docs/examples/w-table-edit_editable_opt.beforeAddRow.html +528 -0
package/docs/examples/w-table-edit_editable_opt.kpConvertKeysWhenUploadData.html +528 -0
package/docs/examples/w-table-edit_editable_opt.optForUploadData.html +528 -0
package/docs/examples/w-table-edit_editable_slot btns-right.html +552 -0
package/docs/examples/w-table-edit_fixIds (fix id).html +529 -0
package/docs/examples/w-table-edit_hideIds (hide mappingId).html +529 -0
package/docs/examples/w-table-edit_name_description.html +527 -0
package/docs/examples/w-table-edit_no enableInfor.html +528 -0
package/docs/examples/w-table-edit_no enableMenu.html +528 -0
package/docs/examples/w-table-edit_opt.kpHead.html +527 -0
package/docs/examples/w-table-edit_removeIdsWhenDownload (remove id, mappingId, order, isActive).html +530 -0
package/docs/examples/w-table-edit_slot btns-left.html +551 -0
package/docs/examples/w-table-edit_slot btns-right.html +551 -0
package/docs/examples/w-table-edit_slot infor (name_description).html +544 -0
package/docs/examples/w-table-edit_sortColIds (sort by order).html +528 -0
package/docs/fonts/Montserrat/Montserrat-Bold.eot +0 -0
package/docs/fonts/Montserrat/Montserrat-Bold.ttf +0 -0
package/docs/fonts/Montserrat/Montserrat-Bold.woff +0 -0
package/docs/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
package/docs/fonts/Montserrat/Montserrat-Regular.eot +0 -0
package/docs/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
package/docs/fonts/Montserrat/Montserrat-Regular.woff +0 -0
package/docs/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +978 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2 +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1049 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff +0 -0
package/docs/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2 +0 -0
package/docs/index.html +84 -0
package/docs/module-WTableEdit.html +1486 -0
package/docs/scripts/collapse.js +39 -0
package/docs/scripts/commonNav.js +28 -0
package/docs/scripts/linenumber.js +25 -0
package/docs/scripts/nav.js +12 -0
package/docs/scripts/polyfill.js +4 -0
package/docs/scripts/prettify/Apache-License-2.0.txt +202 -0
package/docs/scripts/prettify/lang-css.js +2 -0
package/docs/scripts/prettify/prettify.js +28 -0
package/docs/scripts/search.js +99 -0
package/docs/styles/jsdoc.css +776 -0
package/docs/styles/prettify.css +80 -0
package/package.json +66 -0
package/public/index.html +25 -0
package/script.txt +24 -0
package/src/App.vue +322 -0
package/src/AppZoneWTableEdit.vue +740 -0
package/src/components/WTableEdit.vue +1278 -0
package/src/components/WTableVue.vue +12 -0
package/src/components/demolink.vue +105 -0
package/src/main.js +8 -0
package/test/all.test.mjs +10 -0
package/toolg/addVersion.mjs +4 -0
package/toolg/cleanFolder.mjs +5 -0
package/toolg/cvCasename.mjs +43 -0
package/toolg/gDistApp.mjs +38 -0
package/toolg/gDistRollupComps.mjs +23 -0
package/toolg/gDocExams.mjs +47 -0
package/toolg/gExtractHtml.mjs +268 -0
package/toolg/gMergeComps.mjs +75 -0
package/toolg/modifyReadme.mjs +4 -0
package/vue.config.js +9 -0

package/docs/module-WTableEdit.html ADDED Viewed

@@ -0,0 +1,1486 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WTableEdit - Documentation</title>
+    <script src="scripts/prettify/prettify.js"></script>
+    <script src="scripts/prettify/lang-css.js"></script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
+    <script src="scripts/nav.js" defer></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+<input type="checkbox" id="nav-trigger" class="nav-trigger" />
+<label for="nav-trigger" class="navicon-button x">
+  <div class="navicon"></div>
+</label>
+<label for="nav-trigger" class="overlay"></label>
+<nav >
+    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WTableEdit.html">WTableEdit</a></li></ul>
+</nav>
+<div id="main">
+    <h1 class="page-title">WTableEdit</h1>
+<section>
+<header>
+</header>
+<article>
+        <div class="container-overview">
+                <div class="description usertext"></p></div></div>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
+<table data-jsdoc-vuejs="table-props">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default value</th>
+        <th>Required?</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>language</code></td>
+        <td>String</td>
+        <td><code>'en'</code></td>
+        <td>No</td>
+        <td>輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，可被opt.language複寫，預設為'en'</td>
+    </tr><tr>
+        <td><code>enableInfor</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否使用資訊區(資料名稱name與資料描述description)布林值，預設為true</td>
+    </tr><tr>
+        <td><code>name</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入資料名稱字串，預設''</td>
+    </tr><tr>
+        <td><code>description</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入資料描述字串，預設''</td>
+    </tr><tr>
+        <td><code>inforPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:0,h:0}</code></td>
+        <td>No</td>
+        <td>輸入資訊區(資料名稱name與資料描述description)內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}</td>
+    </tr><tr>
+        <td><code>enableMenu</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否使用選單按鈕區布林值，預設為true</td>
+    </tr><tr>
+        <td><code>menuPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:3,h:3}</code></td>
+        <td>No</td>
+        <td>輸入選單按鈕區內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:3}</td>
+    </tr><tr>
+        <td><code>menuBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入選單按鈕區背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>sortColIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入初始化時自動排序數據的欄位，為字串或陣列，若輸入陣列時則依照順序排序，故最末者代表最終排序。預設''</td>
+    </tr><tr>
+        <td><code>hideIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲隱藏欄位字串或陣列，可被opt.kpHeadHide複寫，預設''</td>
+    </tr><tr>
+        <td><code>fixIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲固定於左側欄位字串或陣列，可被opt.kpHeadFixLeft複寫，預設''</td>
+    </tr><tr>
+        <td><code>checkId</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲使用核選方塊欄位字串，可被opt.kpHeadCheckBox複寫，預設''</td>
+    </tr><tr>
+        <td><code>removeIdsWhenDownload</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時欲移除的欄位字串或陣列，預設''</td>
+    </tr><tr>
+        <td><code>funGetLtdtHookWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時針對ltdt數據階段的攔截處理函數，預設為null</td>
+    </tr><tr>
+        <td><code>funGetMatHookWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時針對mat數據階段的攔截處理函數，預設為null</td>
+    </tr><tr>
+        <td><code>enableHeadWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時是否將欄位鍵值轉換成head布林值，此需提供opt.kpHead物件，預設為false</td>
+    </tr><tr>
+        <td><code>fileNameWhenDownload</code></td>
+        <td>String</td>
+        <td><code>'data.xlsx'</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時儲存檔名稱字串，預設'data.xlsx'</td>
+    </tr><tr>
+        <td><code>sheetNameWhenDownload</code></td>
+        <td>String</td>
+        <td><code>'data'</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時sheet名稱字串，預設'data'</td>
+    </tr><tr>
+        <td><code>editable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入是否可編輯布林值，可被opt.defCellEditable複寫，預設為false</td>
+    </tr><tr>
+        <td><code>textLabelDataName</code></td>
+        <td>String</td>
+        <td><code>'Data name</code></td>
+        <td>No</td>
+        <td>輸入數據名稱字串，預設'Data name'</td>
+    </tr><tr>
+        <td><code>textPlaceholderDataName</code></td>
+        <td>String</td>
+        <td><code>'Please enter data name'</code></td>
+        <td>No</td>
+        <td>輸入數據名稱placeholder字串，預設'Please enter data name'</td>
+    </tr><tr>
+        <td><code>textLabelDataDescription</code></td>
+        <td>String</td>
+        <td><code>'Data description'</code></td>
+        <td>No</td>
+        <td>輸入數據說明字串，預設'Data description'</td>
+    </tr><tr>
+        <td><code>textPlaceholderDataDescription</code></td>
+        <td>String</td>
+        <td><code>'Please enter data description'</code></td>
+        <td>No</td>
+        <td>輸入數據說明placeholder字串，預設'Please enter data description'</td>
+    </tr><tr>
+        <td><code>tooltipAddRow</code></td>
+        <td>String</td>
+        <td><code>'add new row'</code></td>
+        <td>No</td>
+        <td>輸入新增數據按鈕tooltip字串，預設'add new row'</td>
+    </tr><tr>
+        <td><code>tooltipDeleteSelectedRows</code></td>
+        <td>String</td>
+        <td><code>'delete selected rows'</code></td>
+        <td>No</td>
+        <td>輸入刪除選擇數據按鈕tooltip字串，預設'delete selected rows'</td>
+    </tr><tr>
+        <td><code>tooltipDownloadExcelFile</code></td>
+        <td>String</td>
+        <td><code>'download data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入下載數據成為Excel檔案按鈕tooltip字串，預設'download data to Excel file'</td>
+    </tr><tr>
+        <td><code>tooltipDownloadExcelFileForDisplay</code></td>
+        <td>String</td>
+        <td><code>'download filtered data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入下載過濾後數據成為Excel檔案按鈕tooltip字串，預設'download filtered data to Excel file'</td>
+    </tr><tr>
+        <td><code>tooltipUploadExcelFile</code></td>
+        <td>String</td>
+        <td><code>'upload data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入上傳Excel數據檔案按鈕tooltip字串，預設'upload data to Excel file'</td>
+    </tr><tr>
+        <td><code>successMsgFromAddRow</code></td>
+        <td>String</td>
+        <td><code>'add row successfully'</code></td>
+        <td>No</td>
+        <td>輸入新增數據成功事件訊息字串，預設'add row successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromAddRow</code></td>
+        <td>String</td>
+        <td><code>'can not add row'</code></td>
+        <td>No</td>
+        <td>輸入無法新增數據事件訊息字串，預設'can not add row'</td>
+    </tr><tr>
+        <td><code>errorMsgFromRemoveRow</code></td>
+        <td>String</td>
+        <td><code>'can not remove selected rows'</code></td>
+        <td>No</td>
+        <td>輸入移除數據失敗事件訊息字串，預設'can not remove selected rows'</td>
+    </tr><tr>
+        <td><code>successMsgFromUploadData</code></td>
+        <td>String</td>
+        <td><code>'upload data successfully'</code></td>
+        <td>No</td>
+        <td>輸入上傳數據成功事件訊息字串，預設'upload data successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromUploadData</code></td>
+        <td>String</td>
+        <td><code>'can not upload data'</code></td>
+        <td>No</td>
+        <td>輸入無法上傳數據事件訊息字串，預設'can not upload data'</td>
+    </tr><tr>
+        <td><code>errorMsgFromUploadEmptyData</code></td>
+        <td>String</td>
+        <td><code>'no effective data'</code></td>
+        <td>No</td>
+        <td>輸入上傳檔案中無有效數據事件訊息字串，預設'no effective data'</td>
+    </tr><tr>
+        <td><code>successMsgFromDownloadData</code></td>
+        <td>String</td>
+        <td><code>'download data successfully'</code></td>
+        <td>No</td>
+        <td>輸入下載檔案成功事件訊息字串，預設'download data successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromDownloadData</code></td>
+        <td>String</td>
+        <td><code>'can not download data'</code></td>
+        <td>No</td>
+        <td>輸入無法下載檔案事件訊息字串，預設'can not download data'</td>
+    </tr><tr>
+        <td><code>errorMsgFromNoName</code></td>
+        <td>String</td>
+        <td><code>'no data name'</code></td>
+        <td>No</td>
+        <td>輸入未輸入數據名稱事件訊息字串，預設'no data name'</td>
+    </tr><tr>
+        <td><code>errorMsgFromNoData</code></td>
+        <td>String</td>
+        <td><code>'no data'</code></td>
+        <td>No</td>
+        <td>輸入未給予有效數據事件訊息字串，預設'no data'</td>
+    </tr><tr>
+        <td><code>uploadModeTitle</code></td>
+        <td>String</td>
+        <td><code>'Choose mode of upload:'</code></td>
+        <td>No</td>
+        <td>輸入選擇上傳模式彈窗標題字串，預設'Choose mode of upload:'</td>
+    </tr><tr>
+        <td><code>uploadModeTextForReplace</code></td>
+        <td>String</td>
+        <td><code>'Replace'</code></td>
+        <td>No</td>
+        <td>輸入取代上傳模式文字字串，預設'Replace'</td>
+    </tr><tr>
+        <td><code>uploadModeTextForAppend</code></td>
+        <td>String</td>
+        <td><code>'Append'</code></td>
+        <td>No</td>
+        <td>輸入插入於最後上傳模式文字字串，預設'Append'</td>
+    </tr><tr>
+        <td><code>labelContentForUpload</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對上傳模式之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>opt</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入w-aggrid-vue設定物件，預設{}</td>
+    </tr><tr>
+        <td><code>opt.keys</code></td>
+        <td>Array</td>
+        <td>-</td>
+        <td><b>Yes</b></td>
+        <td>輸入資料各欄位keys</td>
+    </tr><tr>
+        <td><code>opt.rows</code></td>
+        <td>Array</td>
+        <td>-</td>
+        <td><b>Yes</b></td>
+        <td>輸入資料列，各列為物件，內含各欄位keys之值，例[{},{},...,{}]</td>
+    </tr><tr>
+        <td><code>opt.kpHead</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head物件，預設各key值為本身key值</td>
+    </tr><tr>
+        <td><code>opt.kpHeadTooltip</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應需tooltip的html字串物件，於各head處滑鼠移入時觸發，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadAlignH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入head預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadAlignH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlignH</td>
+    </tr><tr>
+        <td><code>opt.defHeadSort</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許排序布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadSort</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許排序物件，預設各key值為defHeadSort</td>
+    </tr><tr>
+        <td><code>opt.defHeadSortMethod</code></td>
+        <td>function|String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入head預設之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpHeadSortMethod</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設各key值為defHeadSortMethod</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFixLeft</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否固定於左側物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.defHeadFilter</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許過濾布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFilter</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許過濾物件，預設各key值為defHeadFilter</td>
+    </tr><tr>
+        <td><code>opt.defHeadFilterType</code></td>
+        <td>String</td>
+        <td><code>'num'</code></td>
+        <td>No</td>
+        <td>輸入head預設過濾器字串，可選'num'、'text'、'time'、'set'，預設為'num'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFilterType</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之過濾器物件，可使用'num'、'text'、'time'、'set'，預設各key值為'num'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadRender</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之渲染函數物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadDrag</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許拖曳布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadDrag</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許拖曳物件，預設各key值為defHeadDrag</td>
+    </tr><tr>
+        <td><code>opt.kpHeadCheckBox</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head與key的各列是否使用核選方塊物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFocusHighlight</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應key的各列於獲得焦點時是否高亮顯示物件，預設各key值為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadHide</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head是否隱藏物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.kpRowStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應row style之物件，可設定各key欄之函數，函數給予cell值需回傳之row style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpRowDrag</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col之是否能拖曳排序物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.genRowsPinnTop</code></td>
+        <td>function</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入產生置頂rows函數，輸入為表內全部數據，預設為null</td>
+    </tr><tr>
+        <td><code>opt.genRowsPinnBottom</code></td>
+        <td>function</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入產生置底rows函數，輸入為表內全部數據，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpColStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col style之物件，可設定各key欄之col style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpColSpan</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col span之物件，可設定各key欄之col span，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadMinWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最小寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.defHeadMaxWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最大寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpHeadWidth</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之寬度物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpCellRender</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之渲染函數物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpCellTooltip</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之tooltip的html字串物件，於各cell處滑鼠移入時觸發，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defCellAlignH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入cell預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpCellAlignH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlignH</td>
+    </tr><tr>
+        <td><code>opt.defCellEditable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入cell預設之是否可編輯布林值，由組件editable複寫，預設為false</td>
+    </tr><tr>
+        <td><code>opt.kpCellEditable</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之是否可編輯物件，預設各key值為defCellEditable</td>
+    </tr><tr>
+        <td><code>opt.kpConvertKeysWhenUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入上傳Excel檔案時，當key轉會成對應新key值物件，預設{}</td>
+    </tr><tr>
+        <td><code>opt.rowsChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入rows change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowDbClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row double click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowChecked</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row checked之觸發事件，需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowMouseEnter</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row mouseenter之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowMouseLeave</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row mouseleave之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellDbClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell double click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellMouseEnter</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell mouseenter之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellMouseLeave</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell mouseleave之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.filterChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入filter change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.autoFitColumn</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當表格尺寸變更時自動調整欄寬布林值，預設false</td>
+    </tr><tr>
+        <td><code>opt.language</code></td>
+        <td>String</td>
+        <td><code>'en'</code></td>
+        <td>No</td>
+        <td>輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設同組件language</td>
+    </tr><tr>
+        <td><code>opt.beforeAddRow</code></td>
+        <td>function</td>
+        <td>-</td>
+        <td>No</td>
+        <td>輸入編輯模式新增數據前之修改新列事件，輸入newRow，輸出newRow，預設為undefined</td>
+    </tr><tr>
+        <td><code>opt.optForUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入呼叫組件uploadData上傳檔案時用的設定物件，內部調用wsemi的getDataFromExcelFileU8Arr讀取Excel檔案，物件可給予鍵值：uploadMode代表上傳模式字串(可選'replace'、'append'，預設由彈窗選擇)，beforeUpload代表上傳前的處理數據函數，parseSheetInd代表提取Excel檔案的第幾個sheet整數(預設為0)，optForUploadData預設{}</td>
+    </tr><tr>
+        <td><code>opt.modifyDataWhenSave</code></td>
+        <td>function</td>
+        <td>-</td>
+        <td>No</td>
+        <td>輸入當儲存時修改儲存數據事件，輸入rows，輸出rows，預設為undefined</td>
+    </tr><tr>
+        <td><code>opt.checkNoDataWhenSave</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當儲存時是否檢核無數據布林值，預設false</td>
+    </tr><tr>
+        <td><code>cmpZIndex</code></td>
+        <td>Number</td>
+        <td><code>3000</code></td>
+        <td>No</td>
+        <td>輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000</td>
+    </tr></tbody>
+</table>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-event">Events</h3>
+<table data-jsdoc-vuejs="table-event">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Payload Type</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>save</code></td>
+        <td>Array</td>
+        <td>指調用組件的method，無輸入，會回傳當前的name、description、rows所構成的物件</td>
+    </tr><tr>
+        <td><code>success</code></td>
+        <td>String</td>
+        <td>當新增數據、上傳數據、下載數據成功時觸發，回傳對應成功訊息字串</td>
+    </tr><tr>
+        <td><code>error</code></td>
+        <td>String</td>
+        <td>當新增數據、移除數據、上傳數據、下載數據失敗時觸發，回傳對應錯誤訊息字串</td>
+    </tr></tbody>
+</table>
+<div class="container-overview"><div><p>
+</div>
+<dl class="details">
+    <dt class="tag-description">Description:</dt>
+    <dd class="tag-description"><ul class="dummy"><li></p></div></div>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
+<table data-jsdoc-vuejs="table-props">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default value</th>
+        <th>Required?</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>language</code></td>
+        <td>String</td>
+        <td><code>'en'</code></td>
+        <td>No</td>
+        <td>輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，可被opt.language複寫，預設為'en'</td>
+    </tr><tr>
+        <td><code>enableInfor</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否使用資訊區(資料名稱name與資料描述description)布林值，預設為true</td>
+    </tr><tr>
+        <td><code>name</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入資料名稱字串，預設''</td>
+    </tr><tr>
+        <td><code>description</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入資料描述字串，預設''</td>
+    </tr><tr>
+        <td><code>inforPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:0,h:0}</code></td>
+        <td>No</td>
+        <td>輸入資訊區(資料名稱name與資料描述description)內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}</td>
+    </tr><tr>
+        <td><code>enableMenu</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否使用選單按鈕區布林值，預設為true</td>
+    </tr><tr>
+        <td><code>menuPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:3,h:3}</code></td>
+        <td>No</td>
+        <td>輸入選單按鈕區內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:3}</td>
+    </tr><tr>
+        <td><code>menuBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入選單按鈕區背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>sortColIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入初始化時自動排序數據的欄位，為字串或陣列，若輸入陣列時則依照順序排序，故最末者代表最終排序。預設''</td>
+    </tr><tr>
+        <td><code>hideIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲隱藏欄位字串或陣列，可被opt.kpHeadHide複寫，預設''</td>
+    </tr><tr>
+        <td><code>fixIds</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲固定於左側欄位字串或陣列，可被opt.kpHeadFixLeft複寫，預設''</td>
+    </tr><tr>
+        <td><code>checkId</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入欲使用核選方塊欄位字串，可被opt.kpHeadCheckBox複寫，預設''</td>
+    </tr><tr>
+        <td><code>removeIdsWhenDownload</code></td>
+        <td>String|Array</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時欲移除的欄位字串或陣列，預設''</td>
+    </tr><tr>
+        <td><code>funGetLtdtHookWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時針對ltdt數據階段的攔截處理函數，預設為null</td>
+    </tr><tr>
+        <td><code>funGetMatHookWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時針對mat數據階段的攔截處理函數，預設為null</td>
+    </tr><tr>
+        <td><code>enableHeadWhenDownload</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時是否將欄位鍵值轉換成head布林值，此需提供opt.kpHead物件，預設為false</td>
+    </tr><tr>
+        <td><code>fileNameWhenDownload</code></td>
+        <td>String</td>
+        <td><code>'data.xlsx'</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時儲存檔名稱字串，預設'data.xlsx'</td>
+    </tr><tr>
+        <td><code>sheetNameWhenDownload</code></td>
+        <td>String</td>
+        <td><code>'data'</code></td>
+        <td>No</td>
+        <td>輸入下載Excel檔案時sheet名稱字串，預設'data'</td>
+    </tr><tr>
+        <td><code>editable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入是否可編輯布林值，可被opt.defCellEditable複寫，預設為false</td>
+    </tr><tr>
+        <td><code>textLabelDataName</code></td>
+        <td>String</td>
+        <td><code>'Data name</code></td>
+        <td>No</td>
+        <td>輸入數據名稱字串，預設'Data name'</td>
+    </tr><tr>
+        <td><code>textPlaceholderDataName</code></td>
+        <td>String</td>
+        <td><code>'Please enter data name'</code></td>
+        <td>No</td>
+        <td>輸入數據名稱placeholder字串，預設'Please enter data name'</td>
+    </tr><tr>
+        <td><code>textLabelDataDescription</code></td>
+        <td>String</td>
+        <td><code>'Data description'</code></td>
+        <td>No</td>
+        <td>輸入數據說明字串，預設'Data description'</td>
+    </tr><tr>
+        <td><code>textPlaceholderDataDescription</code></td>
+        <td>String</td>
+        <td><code>'Please enter data description'</code></td>
+        <td>No</td>
+        <td>輸入數據說明placeholder字串，預設'Please enter data description'</td>
+    </tr><tr>
+        <td><code>tooltipAddRow</code></td>
+        <td>String</td>
+        <td><code>'add new row'</code></td>
+        <td>No</td>
+        <td>輸入新增數據按鈕tooltip字串，預設'add new row'</td>
+    </tr><tr>
+        <td><code>tooltipDeleteSelectedRows</code></td>
+        <td>String</td>
+        <td><code>'delete selected rows'</code></td>
+        <td>No</td>
+        <td>輸入刪除選擇數據按鈕tooltip字串，預設'delete selected rows'</td>
+    </tr><tr>
+        <td><code>tooltipDownloadExcelFile</code></td>
+        <td>String</td>
+        <td><code>'download data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入下載數據成為Excel檔案按鈕tooltip字串，預設'download data to Excel file'</td>
+    </tr><tr>
+        <td><code>tooltipDownloadExcelFileForDisplay</code></td>
+        <td>String</td>
+        <td><code>'download filtered data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入下載過濾後數據成為Excel檔案按鈕tooltip字串，預設'download filtered data to Excel file'</td>
+    </tr><tr>
+        <td><code>tooltipUploadExcelFile</code></td>
+        <td>String</td>
+        <td><code>'upload data to Excel file'</code></td>
+        <td>No</td>
+        <td>輸入上傳Excel數據檔案按鈕tooltip字串，預設'upload data to Excel file'</td>
+    </tr><tr>
+        <td><code>successMsgFromAddRow</code></td>
+        <td>String</td>
+        <td><code>'add row successfully'</code></td>
+        <td>No</td>
+        <td>輸入新增數據成功事件訊息字串，預設'add row successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromAddRow</code></td>
+        <td>String</td>
+        <td><code>'can not add row'</code></td>
+        <td>No</td>
+        <td>輸入無法新增數據事件訊息字串，預設'can not add row'</td>
+    </tr><tr>
+        <td><code>errorMsgFromRemoveRow</code></td>
+        <td>String</td>
+        <td><code>'can not remove selected rows'</code></td>
+        <td>No</td>
+        <td>輸入移除數據失敗事件訊息字串，預設'can not remove selected rows'</td>
+    </tr><tr>
+        <td><code>successMsgFromUploadData</code></td>
+        <td>String</td>
+        <td><code>'upload data successfully'</code></td>
+        <td>No</td>
+        <td>輸入上傳數據成功事件訊息字串，預設'upload data successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromUploadData</code></td>
+        <td>String</td>
+        <td><code>'can not upload data'</code></td>
+        <td>No</td>
+        <td>輸入無法上傳數據事件訊息字串，預設'can not upload data'</td>
+    </tr><tr>
+        <td><code>errorMsgFromUploadEmptyData</code></td>
+        <td>String</td>
+        <td><code>'no effective data'</code></td>
+        <td>No</td>
+        <td>輸入上傳檔案中無有效數據事件訊息字串，預設'no effective data'</td>
+    </tr><tr>
+        <td><code>successMsgFromDownloadData</code></td>
+        <td>String</td>
+        <td><code>'download data successfully'</code></td>
+        <td>No</td>
+        <td>輸入下載檔案成功事件訊息字串，預設'download data successfully'</td>
+    </tr><tr>
+        <td><code>errorMsgFromDownloadData</code></td>
+        <td>String</td>
+        <td><code>'can not download data'</code></td>
+        <td>No</td>
+        <td>輸入無法下載檔案事件訊息字串，預設'can not download data'</td>
+    </tr><tr>
+        <td><code>errorMsgFromNoName</code></td>
+        <td>String</td>
+        <td><code>'no data name'</code></td>
+        <td>No</td>
+        <td>輸入未輸入數據名稱事件訊息字串，預設'no data name'</td>
+    </tr><tr>
+        <td><code>errorMsgFromNoData</code></td>
+        <td>String</td>
+        <td><code>'no data'</code></td>
+        <td>No</td>
+        <td>輸入未給予有效數據事件訊息字串，預設'no data'</td>
+    </tr><tr>
+        <td><code>uploadModeTitle</code></td>
+        <td>String</td>
+        <td><code>'Choose mode of upload:'</code></td>
+        <td>No</td>
+        <td>輸入選擇上傳模式彈窗標題字串，預設'Choose mode of upload:'</td>
+    </tr><tr>
+        <td><code>uploadModeTextForReplace</code></td>
+        <td>String</td>
+        <td><code>'Replace'</code></td>
+        <td>No</td>
+        <td>輸入取代上傳模式文字字串，預設'Replace'</td>
+    </tr><tr>
+        <td><code>uploadModeTextForAppend</code></td>
+        <td>String</td>
+        <td><code>'Append'</code></td>
+        <td>No</td>
+        <td>輸入插入於最後上傳模式文字字串，預設'Append'</td>
+    </tr><tr>
+        <td><code>labelContentForUpload</code></td>
+        <td>String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入針對上傳模式之popup彈窗teleport至body內之內容div所給予之wtlp屬性值字串，供查找使用，預設null</td>
+    </tr><tr>
+        <td><code>opt</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入w-aggrid-vue設定物件，預設{}</td>
+    </tr><tr>
+        <td><code>opt.keys</code></td>
+        <td>Array</td>
+        <td>-</td>
+        <td><b>Yes</b></td>
+        <td>輸入資料各欄位keys</td>
+    </tr><tr>
+        <td><code>opt.rows</code></td>
+        <td>Array</td>
+        <td>-</td>
+        <td><b>Yes</b></td>
+        <td>輸入資料列，各列為物件，內含各欄位keys之值，例[{},{},...,{}]</td>
+    </tr><tr>
+        <td><code>opt.kpHead</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head物件，預設各key值為本身key值</td>
+    </tr><tr>
+        <td><code>opt.kpHeadTooltip</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應需tooltip的html字串物件，於各head處滑鼠移入時觸發，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadAlignH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入head預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadAlignH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlignH</td>
+    </tr><tr>
+        <td><code>opt.defHeadSort</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許排序布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadSort</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許排序物件，預設各key值為defHeadSort</td>
+    </tr><tr>
+        <td><code>opt.defHeadSortMethod</code></td>
+        <td>function|String</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入head預設之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpHeadSortMethod</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設各key值為defHeadSortMethod</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFixLeft</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否固定於左側物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.defHeadFilter</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許過濾布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFilter</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許過濾物件，預設各key值為defHeadFilter</td>
+    </tr><tr>
+        <td><code>opt.defHeadFilterType</code></td>
+        <td>String</td>
+        <td><code>'num'</code></td>
+        <td>No</td>
+        <td>輸入head預設過濾器字串，可選'num'、'text'、'time'、'set'，預設為'num'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFilterType</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之過濾器物件，可使用'num'、'text'、'time'、'set'，預設各key值為'num'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadRender</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之渲染函數物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadDrag</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入head預設之是否允許拖曳布林值，預設為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadDrag</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之是否允許拖曳物件，預設各key值為defHeadDrag</td>
+    </tr><tr>
+        <td><code>opt.kpHeadCheckBox</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head與key的各列是否使用核選方塊物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.kpHeadFocusHighlight</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應key的各列於獲得焦點時是否高亮顯示物件，預設各key值為true</td>
+    </tr><tr>
+        <td><code>opt.kpHeadHide</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head是否隱藏物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.kpRowStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應row style之物件，可設定各key欄之函數，函數給予cell值需回傳之row style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpRowDrag</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col之是否能拖曳排序物件，預設各key值為false</td>
+    </tr><tr>
+        <td><code>opt.genRowsPinnTop</code></td>
+        <td>function</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入產生置頂rows函數，輸入為表內全部數據，預設為null</td>
+    </tr><tr>
+        <td><code>opt.genRowsPinnBottom</code></td>
+        <td>function</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入產生置底rows函數，輸入為表內全部數據，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpColStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col style之物件，可設定各key欄之col style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpColSpan</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應col span之物件，可設定各key欄之col span，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defHeadMinWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最小寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.defHeadMaxWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最大寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpHeadWidth</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之寬度物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpCellRender</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之渲染函數物件，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.kpCellTooltip</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之tooltip的html字串物件，於各cell處滑鼠移入時觸發，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defCellAlignH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入cell預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpCellAlignH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlignH</td>
+    </tr><tr>
+        <td><code>opt.defCellEditable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入cell預設之是否可編輯布林值，由組件editable複寫，預設為false</td>
+    </tr><tr>
+        <td><code>opt.kpCellEditable</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之是否可編輯物件，預設各key值為defCellEditable</td>
+    </tr><tr>
+        <td><code>opt.kpConvertKeysWhenUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入上傳Excel檔案時，當key轉會成對應新key值物件，預設{}</td>
+    </tr><tr>
+        <td><code>opt.rowsChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入rows change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowDbClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row double click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowChecked</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row checked之觸發事件，需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowMouseEnter</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row mouseenter之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.rowMouseLeave</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入row mouseleave之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellDbClick</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell double click之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellMouseEnter</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell mouseenter之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.cellMouseLeave</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入cell mouseleave之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.filterChange</code></td>
+        <td>function</td>
+        <td><code>function(){}</code></td>
+        <td>No</td>
+        <td>輸入filter change之觸發事件，預設為function(){}</td>
+    </tr><tr>
+        <td><code>opt.autoFitColumn</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當表格尺寸變更時自動調整欄寬布林值，預設false</td>
+    </tr><tr>
+        <td><code>opt.language</code></td>
+        <td>String</td>
+        <td><code>'en'</code></td>
+        <td>No</td>
+        <td>輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設同組件language</td>
+    </tr><tr>
+        <td><code>opt.beforeAddRow</code></td>
+        <td>function</td>
+        <td>-</td>
+        <td>No</td>
+        <td>輸入編輯模式新增數據前之修改新列事件，輸入newRow，輸出newRow，預設為undefined</td>
+    </tr><tr>
+        <td><code>opt.optForUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入呼叫組件uploadData上傳檔案時用的設定物件，內部調用wsemi的getDataFromExcelFileU8Arr讀取Excel檔案，物件可給予鍵值：uploadMode代表上傳模式字串(可選'replace'、'append'，預設由彈窗選擇)，beforeUpload代表上傳前的處理數據函數，parseSheetInd代表提取Excel檔案的第幾個sheet整數(預設為0)，optForUploadData預設{}</td>
+    </tr><tr>
+        <td><code>opt.modifyDataWhenSave</code></td>
+        <td>function</td>
+        <td>-</td>
+        <td>No</td>
+        <td>輸入當儲存時修改儲存數據事件，輸入rows，輸出rows，預設為undefined</td>
+    </tr><tr>
+        <td><code>opt.checkNoDataWhenSave</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當儲存時是否檢核無數據布林值，預設false</td>
+    </tr><tr>
+        <td><code>cmpZIndex</code></td>
+        <td>Number</td>
+        <td><code>3000</code></td>
+        <td>No</td>
+        <td>輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000</td>
+    </tr></tbody>
+</table>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-event">Events</h3>
+<table data-jsdoc-vuejs="table-event">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Payload Type</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>save</code></td>
+        <td>Array</td>
+        <td>指調用組件的method，無輸入，會回傳當前的name、description、rows所構成的物件</td>
+    </tr><tr>
+        <td><code>success</code></td>
+        <td>String</td>
+        <td>當新增數據、上傳數據、下載數據成功時觸發，回傳對應成功訊息字串</td>
+    </tr><tr>
+        <td><code>error</code></td>
+        <td>String</td>
+        <td>當新增數據、移除數據、上傳數據、下載數據失敗時觸發，回傳對應錯誤訊息字串</td>
+    </tr></tbody>
+</table>
+<div class="container-overview"><div><p>
+</li></ul></dd>
+</dl>
+        </div>
+</article>
+</section>
+</div>
+<br class="clear">
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> on Tue Aug 18 2026 20:10:30 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+</footer>
+<script>prettyPrint();</script>
+<script src="scripts/polyfill.js"></script>
+<script src="scripts/linenumber.js"></script>
+</body>
+</html>