w-component-vue
Version:
A simple component for vue(vue2).
1,292 lines (1,165 loc) • 53.5 kB
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-WColorPickAlpha.html">WColorPickAlpha</a></li><li><a href="module-WColorPickHexagon.html">WColorPickHexagon</a></li><li><a href="module-WColorPickHexagonGray.html">WColorPickHexagonGray</a></li><li><a href="module-WColorPickHsv.html">WColorPickHsv</a></li><li><a href="module-WColorPickHue.html">WColorPickHue</a></li><li><a href="module-WColorPickStripe.html">WColorPickStripe</a></li><li><a href="module-WColorSelect.html">WColorSelect</a></li><li><a href="module-WColorSelectInput.html">WColorSelectInput</a></li><li><a href="module-WColorSelectPanel.html">WColorSelectPanel</a></li><li><a href="module-WColorSelectPanelBlock.html">WColorSelectPanelBlock</a></li><li><a href="module-WColorSelectPanelHsva.html">WColorSelectPanelHsva</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-WGroupChipCheck.html">WGroupChipCheck</a></li><li><a href="module-WGroupChipRadio.html">WGroupChipRadio</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupIconCheck.html">WGroupIconCheck</a></li><li><a href="module-WGroupIconRadio.html">WGroupIconRadio</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-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageLazy.html">WImageLazy</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-WLevelGrade.html">WLevelGrade</a></li><li><a href="module-WListCheck.html">WListCheck</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-WListRadio.html">WListRadio</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-WPanelLabelItem.html">WPanelLabelItem</a></li><li><a href="module-WPanelScale.html">WPanelScale</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-WSegmentsVertical.html">WSegmentsVertical</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WSlider.html">WSlider</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-WTextareaCore.html">WTextareaCore</a></li><li><a href="module-WThreejsVueDyn.html">WThreejsVueDyn</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayCoreRe.html">WTimedayCoreRe</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><li><a href="module-WVditorDyn.html">WVditorDyn</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#convertColor">convertColor</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>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>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.defHeadMinWidth</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.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.filterChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入filter change之觸發事件,預設為()=>{}</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',預設為'en'</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>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>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.defHeadMinWidth</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.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.filterChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入filter change之觸發事件,預設為()=>{}</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',預設為'en'</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 Thu Dec 18 2025 22:45:47 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>