# WAggridVueDyn

Description:

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`pathItems` | Array | `['詳見原始碼']` | No | 輸入ag-grid與w-aggrid-vue組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default
`opt` | Object | `{}` | No | 輸入w-aggrid-vue設定物件，預設{}
`opt.keys` | Array | - | Yes | 輸入資料各欄位keys
`opt.rows` | Array | - | Yes | 輸入資料列，各列為物件，內含各欄位keys之值，例[{},{},...,{}]
`opt.kpHead` | Object | `{}` | No | 輸入key對應head物件，預設各key值為本身key值
`opt.defHeadMinWidth` | Number | `null` | No | 輸入cell預設最小寬度數字，預設為null
`opt.defHeadMaxWidth` | Number | `null` | No | 輸入cell預設最小寬度數字，預設為null
`opt.kpHeadWidth` | Object | `{}` | No | 輸入key對應cell之寬度物件，預設各key值為undefined
`opt.kpHeadTooltip` | Object | `{}` | No | 輸入key對應需tooltip的html字串物件，於各head處滑鼠移入時觸發，預設各key值為undefined
`opt.defHeadAlignH` | String | `'center'` | No | 輸入head預設之左右對齊字串，預設為'center'
`opt.kpHeadAlignH` | Object | `{}` | No | 輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlignH
`opt.defHeadSort` | Boolean | `true` | No | 輸入head預設之是否允許排序布林值，預設為true
`opt.kpHeadSort` | Object | `{}` | No | 輸入key對應head之是否允許排序物件，預設各key值為defHeadSort
`opt.defHeadSortMethod` | function|String | `null` | No | 輸入head預設之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設為null
`opt.kpHeadSortMethod` | Object | `{}` | No | 輸入key對應head之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設各key值為defHeadSortMethod
`opt.kpHeadFixLeft` | Object | `{}` | No | 輸入key對應head之是否固定於左側物件，預設各key值為false
`opt.defHeadFilter` | Boolean | `true` | No | 輸入head預設之是否允許過濾布林值，預設為true
`opt.kpHeadFilter` | Object | `{}` | No | 輸入key對應head之是否允許過濾物件，預設各key值為defHeadFilter
`opt.defHeadFilterType` | String | `'num'` | No | 輸入head預設過濾器字串，可選'num'、'text'、'time'、'set'，預設為'num'
`opt.kpHeadFilterType` | Object | `{}` | No | 輸入key對應head之過濾器物件，可使用'num'、'text'、'time'、'set'，預設各key值為'num'
`opt.kpHeadRender` | Object | `{}` | No | 輸入key對應head之渲染函數物件，預設各key值為undefined
`opt.defHeadDrag` | Boolean | `true` | No | 輸入head預設之是否允許拖曳布林值，預設為true
`opt.kpHeadDrag` | Object | `{}` | No | 輸入key對應head之是否允許拖曳物件，預設各key值為defHeadDrag
`opt.kpHeadCheckBox` | Object | `{}` | No | 輸入key對應head與key的各列是否使用核選方塊物件，預設各key值為false
`opt.kpHeadFocusHighlight` | Object | `{}` | No | 輸入key對應key的各列於獲得焦點時是否高亮顯示物件，預設各key值為true
`opt.kpHeadHide` | Object | `{}` | No | 輸入key對應head是否隱藏物件，預設各key值為false
`opt.kpRowStyle` | Object | `{}` | No | 輸入key對應row style之物件，可設定各key欄之函數，函數給予cell值需回傳之row style，預設各key值為undefined
`opt.kpRowDrag` | Object | `{}` | No | 輸入key對應col之是否能拖曳排序物件，預設各key值為false
`opt.genRowsPinnTop` | function | `null` | No | 輸入產生置頂rows函數，輸入為表內全部數據，預設為null
`opt.genRowsPinnBottom` | function | `null` | No | 輸入產生置底rows函數，輸入為表內全部數據，預設為null
`opt.kpColStyle` | Object | `{}` | No | 輸入key對應col style之物件，可設定各key欄之col style，預設各key值為undefined
`opt.kpColSpan` | Object | `{}` | No | 輸入key對應col span之物件，可設定各key欄之col span，預設各key值為undefined
`opt.kpCellRender` | Object | `{}` | No | 輸入key對應cell之渲染函數物件，預設各key值為undefined
`opt.kpCellTooltip` | Object | `{}` | No | 輸入key對應cell之tooltip的html字串物件，於各cell處滑鼠移入時觸發，預設各key值為undefined
`opt.defCellAlignH` | String | `'center'` | No | 輸入cell預設之左右對齊字串，預設為'center'
`opt.kpCellAlignH` | Object | `{}` | No | 輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlignH
`opt.defCellEditable` | Boolean | `false` | No | 輸入cell預設之是否可編輯布林值，預設為false
`opt.kpCellEditable` | Object | `{}` | No | 輸入key對應cell之是否可編輯物件，預設各key值為defCellEditable
`opt.kpConvertKeysWhenUploadData` | Object | `{}` | No | 輸入上傳Excel檔案時，當key轉會成對應新key值物件，預設{}
`opt.rowsChange` | function | `()=>{}` | No | 輸入rows change之觸發事件，預設為()=>{}
`opt.rowClick` | function | `()=>{}` | No | 輸入row click之觸發事件，預設為()=>{}
`opt.rowDbClick` | function | `()=>{}` | No | 輸入row double click之觸發事件，預設為()=>{}
`opt.rowChange` | function | `()=>{}` | No | 輸入row change之觸發事件，預設為()=>{}
`opt.rowChecked` | function | `()=>{}` | No | 輸入row checked之觸發事件，需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox，預設為()=>{}
`opt.rowMouseEnter` | function | `()=>{}` | No | 輸入row mouseenter之觸發事件，預設為()=>{}
`opt.rowMouseLeave` | function | `()=>{}` | No | 輸入row mouseleave之觸發事件，預設為()=>{}
`opt.cellClick` | function | `()=>{}` | No | 輸入cell click之觸發事件，預設為()=>{}
`opt.cellDbClick` | function | `()=>{}` | No | 輸入cell double click之觸發事件，預設為()=>{}
`opt.cellChange` | function | `()=>{}` | No | 輸入cell change之觸發事件，預設為()=>{}
`opt.cellMouseEnter` | function | `()=>{}` | No | 輸入cell mouseenter之觸發事件，預設為()=>{}
`opt.cellMouseLeave` | function | `()=>{}` | No | 輸入cell mouseleave之觸發事件，預設為()=>{}
`opt.filterChange` | function | `()=>{}` | No | 輸入filter change之觸發事件，預設為()=>{}
`opt.autoFitColumn` | Boolean | `false` | No | 輸入當表格尺寸變更時自動調整欄寬布林值，預設false
`opt.language` | String | `'en'` | No | 輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設為'en'
`height` | Number | `300` | No | 表格高度，單位為px，預設300
`filterall` | String | `''` | No | 輸入對全表數據進行過濾之字串，預設為''

### Props

Name | Type | Default value | Required? | Description
--- | --- | --- | --- | ---
`pathItems` | Array | `['詳見原始碼']` | No | 輸入ag-grid與w-aggrid-vue組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default
`opt` | Object | `{}` | No | 輸入w-aggrid-vue設定物件，預設{}
`opt.keys` | Array | - | Yes | 輸入資料各欄位keys
`opt.rows` | Array | - | Yes | 輸入資料列，各列為物件，內含各欄位keys之值，例[{},{},...,{}]
`opt.kpHead` | Object | `{}` | No | 輸入key對應head物件，預設各key值為本身key值
`opt.defHeadMinWidth` | Number | `null` | No | 輸入cell預設最小寬度數字，預設為null
`opt.defHeadMaxWidth` | Number | `null` | No | 輸入cell預設最小寬度數字，預設為null
`opt.kpHeadWidth` | Object | `{}` | No | 輸入key對應cell之寬度物件，預設各key值為undefined
`opt.kpHeadTooltip` | Object | `{}` | No | 輸入key對應需tooltip的html字串物件，於各head處滑鼠移入時觸發，預設各key值為undefined
`opt.defHeadAlignH` | String | `'center'` | No | 輸入head預設之左右對齊字串，預設為'center'
`opt.kpHeadAlignH` | Object | `{}` | No | 輸入key對應head之左右對齊字串物件，預設各key值為defHeadAlignH
`opt.defHeadSort` | Boolean | `true` | No | 輸入head預設之是否允許排序布林值，預設為true
`opt.kpHeadSort` | Object | `{}` | No | 輸入key對應head之是否允許排序物件，預設各key值為defHeadSort
`opt.defHeadSortMethod` | function|String | `null` | No | 輸入head預設之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設為null
`opt.kpHeadSortMethod` | Object | `{}` | No | 輸入key對應head之排序方式函數或字串，若需自行定義則給予函數，若需使用內建的自動轉型判斷方式則給予'auto'字串，預設各key值為defHeadSortMethod
`opt.kpHeadFixLeft` | Object | `{}` | No | 輸入key對應head之是否固定於左側物件，預設各key值為false
`opt.defHeadFilter` | Boolean | `true` | No | 輸入head預設之是否允許過濾布林值，預設為true
`opt.kpHeadFilter` | Object | `{}` | No | 輸入key對應head之是否允許過濾物件，預設各key值為defHeadFilter
`opt.defHeadFilterType` | String | `'num'` | No | 輸入head預設過濾器字串，可選'num'、'text'、'time'、'set'，預設為'num'
`opt.kpHeadFilterType` | Object | `{}` | No | 輸入key對應head之過濾器物件，可使用'num'、'text'、'time'、'set'，預設各key值為'num'
`opt.kpHeadRender` | Object | `{}` | No | 輸入key對應head之渲染函數物件，預設各key值為undefined
`opt.defHeadDrag` | Boolean | `true` | No | 輸入head預設之是否允許拖曳布林值，預設為true
`opt.kpHeadDrag` | Object | `{}` | No | 輸入key對應head之是否允許拖曳物件，預設各key值為defHeadDrag
`opt.kpHeadCheckBox` | Object | `{}` | No | 輸入key對應head與key的各列是否使用核選方塊物件，預設各key值為false
`opt.kpHeadFocusHighlight` | Object | `{}` | No | 輸入key對應key的各列於獲得焦點時是否高亮顯示物件，預設各key值為true
`opt.kpHeadHide` | Object | `{}` | No | 輸入key對應head是否隱藏物件，預設各key值為false
`opt.kpRowStyle` | Object | `{}` | No | 輸入key對應row style之物件，可設定各key欄之函數，函數給予cell值需回傳之row style，預設各key值為undefined
`opt.kpRowDrag` | Object | `{}` | No | 輸入key對應col之是否能拖曳排序物件，預設各key值為false
`opt.genRowsPinnTop` | function | `null` | No | 輸入產生置頂rows函數，輸入為表內全部數據，預設為null
`opt.genRowsPinnBottom` | function | `null` | No | 輸入產生置底rows函數，輸入為表內全部數據，預設為null
`opt.kpColStyle` | Object | `{}` | No | 輸入key對應col style之物件，可設定各key欄之col style，預設各key值為undefined
`opt.kpColSpan` | Object | `{}` | No | 輸入key對應col span之物件，可設定各key欄之col span，預設各key值為undefined
`opt.kpCellRender` | Object | `{}` | No | 輸入key對應cell之渲染函數物件，預設各key值為undefined
`opt.kpCellTooltip` | Object | `{}` | No | 輸入key對應cell之tooltip的html字串物件，於各cell處滑鼠移入時觸發，預設各key值為undefined
`opt.defCellAlignH` | String | `'center'` | No | 輸入cell預設之左右對齊字串，預設為'center'
`opt.kpCellAlignH` | Object | `{}` | No | 輸入key對應cell之左右對齊字串物件，預設各key值為defCellAlignH
`opt.defCellEditable` | Boolean | `false` | No | 輸入cell預設之是否可編輯布林值，預設為false
`opt.kpCellEditable` | Object | `{}` | No | 輸入key對應cell之是否可編輯物件，預設各key值為defCellEditable
`opt.kpConvertKeysWhenUploadData` | Object | `{}` | No | 輸入上傳Excel檔案時，當key轉會成對應新key值物件，預設{}
`opt.rowsChange` | function | `()=>{}` | No | 輸入rows change之觸發事件，預設為()=>{}
`opt.rowClick` | function | `()=>{}` | No | 輸入row click之觸發事件，預設為()=>{}
`opt.rowDbClick` | function | `()=>{}` | No | 輸入row double click之觸發事件，預設為()=>{}
`opt.rowChange` | function | `()=>{}` | No | 輸入row change之觸發事件，預設為()=>{}
`opt.rowChecked` | function | `()=>{}` | No | 輸入row checked之觸發事件，需使用kpHeadCheckBox開啟指定key的head與對應rows使用checkbox，預設為()=>{}
`opt.rowMouseEnter` | function | `()=>{}` | No | 輸入row mouseenter之觸發事件，預設為()=>{}
`opt.rowMouseLeave` | function | `()=>{}` | No | 輸入row mouseleave之觸發事件，預設為()=>{}
`opt.cellClick` | function | `()=>{}` | No | 輸入cell click之觸發事件，預設為()=>{}
`opt.cellDbClick` | function | `()=>{}` | No | 輸入cell double click之觸發事件，預設為()=>{}
`opt.cellChange` | function | `()=>{}` | No | 輸入cell change之觸發事件，預設為()=>{}
`opt.cellMouseEnter` | function | `()=>{}` | No | 輸入cell mouseenter之觸發事件，預設為()=>{}
`opt.cellMouseLeave` | function | `()=>{}` | No | 輸入cell mouseleave之觸發事件，預設為()=>{}
`opt.filterChange` | function | `()=>{}` | No | 輸入filter change之觸發事件，預設為()=>{}
`opt.autoFitColumn` | Boolean | `false` | No | 輸入當表格尺寸變更時自動調整欄寬布林值，預設false
`opt.language` | String | `'en'` | No | 輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設為'en'
`height` | Number | `300` | No | 表格高度，單位為px，預設300
`filterall` | String | `''` | No | 輸入對全表數據進行過濾之字串，預設為''