npm - w-component-vue - Versions diffs - 2.2.86 → 2.2.88 - Mend

w-component-vue 2.2.86 → 2.2.88

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 (1085) hide show

package/docs/module-WTableDyn.html ADDED Viewed

@@ -0,0 +1,1232 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WTableDyn - 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-WAggridVueDyn.html">WAggridVueDyn</a></li><li><a href="module-WBadge.html">WBadge</a></li><li><a href="module-WButtonChip.html">WButtonChip</a></li><li><a href="module-WButtonCircle.html">WButtonCircle</a></li><li><a href="module-WCheckbox.html">WCheckbox</a></li><li><a href="module-WCkeditorVueDyn.html">WCkeditorVueDyn</a></li><li><a href="module-WConfirm.html">WConfirm</a></li><li><a href="module-WDialog.html">WDialog</a></li><li><a href="module-WDrawer.html">WDrawer</a></li><li><a href="module-WDropfiles.html">WDropfiles</a></li><li><a href="module-WDynamicList.html">WDynamicList</a></li><li><a href="module-WEchartsVueDyn.html">WEchartsVueDyn</a></li><li><a href="module-WExplorer.html">WExplorer</a></li><li><a href="module-WGroupBaggage.html">WGroupBaggage</a></li><li><a href="module-WGroupCheck.html">WGroupCheck</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupRadio.html">WGroupRadio</a></li><li><a href="module-WGroupTags.html">WGroupTags</a></li><li><a href="module-WHighchartsBitmapDyn.html">WHighchartsBitmapDyn</a></li><li><a href="module-WHighchartsVueDyn.html">WHighchartsVueDyn</a></li><li><a href="module-WHighstockVueDyn.html">WHighstockVueDyn</a></li><li><a href="module-WIcon.html">WIcon</a></li><li><a href="module-WIconLoading.html">WIconLoading</a></li><li><a href="module-WIconSvg.html">WIconSvg</a></li><li><a href="module-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageViewerDyn.html">WImageViewerDyn</a></li><li><a href="module-WInputCheckbox.html">WInputCheckbox</a></li><li><a href="module-WInputRadio.html">WInputRadio</a></li><li><a href="module-WJsonView.html">WJsonView</a></li><li><a href="module-WLeafletVueDyn.html">WLeafletVueDyn</a></li><li><a href="module-WListExpand.html">WListExpand</a></li><li><a href="module-WListExpandItem.html">WListExpandItem</a></li><li><a href="module-WListHorizontal.html">WListHorizontal</a></li><li><a href="module-WListItem.html">WListItem</a></li><li><a href="module-WListVertical.html">WListVertical</a></li><li><a href="module-WPanelAvatar.html">WPanelAvatar</a></li><li><a href="module-WPanelBulge.html">WPanelBulge</a></li><li><a href="module-WPanelDivideHorizontal.html">WPanelDivideHorizontal</a></li><li><a href="module-WPanelDivideVertical.html">WPanelDivideVertical</a></li><li><a href="module-WPanelScrolly.html">WPanelScrolly</a></li><li><a href="module-WPanelScrollyCore.html">WPanelScrollyCore</a></li><li><a href="module-WPanelStripe.html">WPanelStripe</a></li><li><a href="module-WPopup.html">WPopup</a></li><li><a href="module-WPopupEditText.html">WPopupEditText</a></li><li><a href="module-WProgressBar.html">WProgressBar</a></li><li><a href="module-WProgressCircle.html">WProgressCircle</a></li><li><a href="module-WQuillVueDyn.html">WQuillVueDyn</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WSwitch.html">WSwitch</a></li><li><a href="module-WTableDyn.html">WTableDyn</a></li><li><a href="module-WText.html">WText</a></li><li><a href="module-WTextCore.html">WTextCore</a></li><li><a href="module-WTextInt.html">WTextInt</a></li><li><a href="module-WTextIntCore.html">WTextIntCore</a></li><li><a href="module-WTextSelect.html">WTextSelect</a></li><li><a href="module-WTextSuggest.html">WTextSuggest</a></li><li><a href="module-WTextSuggestCore.html">WTextSuggestCore</a></li><li><a href="module-WTextarea.html">WTextarea</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayRange.html">WTimedayRange</a></li><li><a href="module-WTimedayRangeCore.html">WTimedayRangeCore</a></li><li><a href="module-WTimeminute.html">WTimeminute</a></li><li><a href="module-WTimeminuteCore.html">WTimeminuteCore</a></li><li><a href="module-WTimeminuteRange.html">WTimeminuteRange</a></li><li><a href="module-WTimeminuteRangeCore.html">WTimeminuteRangeCore</a></li><li><a href="module-WTinymceVueDyn.html">WTinymceVueDyn</a></li><li><a href="module-WTooltip.html">WTooltip</a></li><li><a href="module-WTree.html">WTree</a></li><li><a href="module-WTreeIconCheckbox.html">WTreeIconCheckbox</a></li><li><a href="module-WTreeIconToggle.html">WTreeIconToggle</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#color2hex">color2hex</a></li></ul>
+</nav>
+<div id="main">
+    <h1 class="page-title">WTableDyn</h1>
+<section>
+<header>
+</header>
+<article>
+        <div class="container-overview">
+<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>pathItems</code></td>
+        <td>Array</td>
+        <td><code>['詳見原始碼']</code></td>
+        <td>No</td>
+        <td>輸入w-aggrid-vue-dyn組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default</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>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>useHeadWhenDownload</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>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>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.defHeadAlighH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入head預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadAlighH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlighH</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.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.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.kpColStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應row style之物件，可設定各key欄之col style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defCellMinWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最小寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpCellWidth</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.defCellAlighH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入cell預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpCellAlighH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlighH</td>
+    </tr><tr>
+        <td><code>opt.defCellEditable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入cell預設之是否可編輯布林值，預設為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.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.autoFitColumn</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當表格尺寸變更時自動調整欄寬布林值，預設false</td>
+    </tr><tr>
+        <td><code>opt.optForUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入呼叫組件uploadData上傳檔案時用的設定物件，物件可給予鍵值：pathItems代表調用wsemi的getDataFromExcelFileU8ArrDyn所傳入的xlsx的來源網址陣列，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></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></tbody>
+</table>
+<div class="container-overview"><div><p>
+</li></ul></dd>
+</dl>
+                <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>pathItems</code></td>
+        <td>Array</td>
+        <td><code>['詳見原始碼']</code></td>
+        <td>No</td>
+        <td>輸入w-aggrid-vue-dyn組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default</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>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>useHeadWhenDownload</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>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>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.defHeadAlighH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入head預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpHeadAlighH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlighH</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.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.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.kpColStyle</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應row style之物件，可設定各key欄之col style，預設各key值為undefined</td>
+    </tr><tr>
+        <td><code>opt.defCellMinWidth</code></td>
+        <td>Number</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入cell預設最小寬度數字，預設為null</td>
+    </tr><tr>
+        <td><code>opt.kpCellWidth</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.defCellAlighH</code></td>
+        <td>String</td>
+        <td><code>'center'</code></td>
+        <td>No</td>
+        <td>輸入cell預設之左右對齊字串，預設為'center'</td>
+    </tr><tr>
+        <td><code>opt.kpCellAlighH</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlighH</td>
+    </tr><tr>
+        <td><code>opt.defCellEditable</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入cell預設之是否可編輯布林值，預設為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.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.autoFitColumn</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入當表格尺寸變更時自動調整欄寬布林值，預設false</td>
+    </tr><tr>
+        <td><code>opt.optForUploadData</code></td>
+        <td>Object</td>
+        <td><code>{}</code></td>
+        <td>No</td>
+        <td>輸入呼叫組件uploadData上傳檔案時用的設定物件，物件可給予鍵值：pathItems代表調用wsemi的getDataFromExcelFileU8ArrDyn所傳入的xlsx的來源網址陣列，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></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></tbody>
+</table>
+<div class="container-overview"><div><p>
+</div>
+        </div>
+</article>
+</section>
+</div>
+<br class="clear">
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 30 2023 15:09:50 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>