w-aggrid-vue
Version:
A wrapper for ag-grid-vue.
864 lines (739 loc) • 28.4 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>WAgGridVue - 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-WAgGridVue.html">WAgGridVue</a></li></ul><h3>Global</h3><ul><li><a href="global.html#getLangText">getLangText</a></li></ul>
</nav>
<div id="main">
<h1 class="page-title">WAgGridVue</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>opt</code></td>
<td>Object</td>
<td>-</td>
<td><b>Yes</b></td>
<td>輸入資料設定物件</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.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.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.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預設之是否可編輯布林值,預設為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>()=>{}</code></td>
<td>No</td>
<td>輸入rows change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowDbClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row double click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowChecked</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row checked之觸發事件,需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowMouseEnter</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row mouseenter之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowMouseLeave</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row mouseleave之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellDbClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell double click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellMouseEnter</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell mouseenter之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellMouseLeave</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell mouseleave之觸發事件,預設為()=>{}</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>height</code></td>
<td>Number</td>
<td><code>300</code></td>
<td>No</td>
<td>表格高度,單位為px,預設300</td>
</tr><tr>
<td><code>filterall</code></td>
<td>String</td>
<td><code>''</code></td>
<td>No</td>
<td>輸入對全表數據進行過濾之字串,預設為''</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>opt</code></td>
<td>Object</td>
<td>-</td>
<td><b>Yes</b></td>
<td>輸入資料設定物件</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.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.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.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預設之是否可編輯布林值,預設為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>()=>{}</code></td>
<td>No</td>
<td>輸入rows change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowDbClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row double click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowChecked</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row checked之觸發事件,需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowMouseEnter</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row mouseenter之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.rowMouseLeave</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入row mouseleave之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellDbClick</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell double click之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellChange</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell change之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellMouseEnter</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell mouseenter之觸發事件,預設為()=>{}</td>
</tr><tr>
<td><code>opt.cellMouseLeave</code></td>
<td>function</td>
<td><code>()=>{}</code></td>
<td>No</td>
<td>輸入cell mouseleave之觸發事件,預設為()=>{}</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>height</code></td>
<td>Number</td>
<td><code>300</code></td>
<td>No</td>
<td>表格高度,單位為px,預設300</td>
</tr><tr>
<td><code>filterall</code></td>
<td>String</td>
<td><code>''</code></td>
<td>No</td>
<td>輸入對全表數據進行過濾之字串,預設為''</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 Mon Jan 27 2025 12:23:20 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>