bak

Author: Ken Berkeley

README.md

@@ -0,0 +1,21 @@
+# Vue2 Datatable
+> 做 Vue.js 下最好的 Datatable 组件
+
+任何开源的 datatable 都未必能满足所有的业务需求，因此本 README 致力于让您能在理解设计以及源码的基础上，可以自行定制出适合您业务需求的 datatable
+
+## 优势
+极其简单  
+源码模块化，可读性好  
+依赖少  
+可移植性好（换成其他 UI 框架基本也就是换 class）  
+特色：支持表头设置（支持保存本地） 无限嵌套组件  
+扁平化组件
+
+## 设计理念
+full ES5
+关键：动态组件（全局化 局部化）
+反范式：允许子组件修改状态，毋须引入鸡肋的状态管理
+xprops 传递其余属性
+
+## 源码技巧
+缩短 .map

example/Advanced.vue

@@ -64,7 +64,7 @@ export default {
       // otherwise the new added properties would not be reactive
       query: this.row ? { uid: this.row.friends } : {},
 
-      // any other things that you want to pass into dynamic components (thComp / tdComp / nested Comp)
+      // any other staff that you want to pass into dynamic components (thComp / tdComp / nested Comp)
       xprops: {
         eventbus: new Vue()
       }

example/comps/index.js

@@ -6,5 +6,7 @@ export default {
   Email: require('./td-Email'),
   IP: require('./td-IP'),
   Opt: require('./td-Opt'),
-  FilterTh: require('./th-FilterTh')
+  // [Vue warn]: Do not use built-in or reserved HTML elements as component id: Filter
+  // Filter: require('./th-Filter')
+  FilterTh: require('./th-Filter')
 }