diff --git a/README.md b/README.md
index 6531082..ec69b87 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,11 @@
-mobile-fixed-columns-table(v1.0 2013-07-04)
+mobile-fixed-columns-table
+(v1.0 2013-07-04)
====================
在移动平台上(Android/iOS...)可用的固定列/表头的表格组件
-
+
+
+
+TODO 移动平台上的截图
测试过的手机
--------------------
@@ -16,7 +20,7 @@ mobile-fixed-columns-table(v1.0 2013-07-04)
$('#table').mobileFixedColumnsTable({ // 请参考DataTables的配置
'sScrollY': '300px',
'sScrollX': '100%',
- 'bScrollCollapse': true,
+ 'bScrollCollapse': true
});
```
@@ -41,37 +45,44 @@ $('#table').mobileFixedColumnsTable({
});
```
-使用效果
-====================
-TODO
-
依赖
-====================
+--------------------
1. jQuery
2. DataTables && FixedColumns
3. iScroll
不是我想要造轮子
-====================
+--------------------
为什么非要专门为移动平台包装这么一个组件?
-主要是因为试过很多可以固定列/表头的表格组件, 在移动平台上使用都不理想
+主要是因为试过很多可以固定列/表头的表格组件, 在移动平台上使用都不理想.
+
例如:
* Fixed-Header-Table
* DataTables - FixedColumns
* Ext JS - Locking Grid
-其中最为理想的是FixedColumns, 但在*Android 2.3.x*上(极有可能2.3之前的版本也无法使用, 但未测试过)无法使用, 试过在Android 4.x上一切正常.
+其中最为理想的是FixedColumns, 但在Android 2.3.x上(极有可能2.3之前的版本也无法使用, 但未测试过)无法使用, 试过在Android 4.x上一切正常.
+
但还是有一点点小瑕疵. 由于FixedColumns的实现机制是利用原生的滚动条来控制固定列/表头, 在移动平台上不会出现这个原生的滚动条, 因此会给人不爽的感觉.
-想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容*Android 2.3.x*?
+
+想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容Android 2.3.x?
深受启发
-====================
+--------------------
某日看过某人随便写的一个可以在移动平台上使用的固定列/表头的组件, 虽是个半成品, 但深受启发, 原来使用iScroll来代替原生滚动条就行了, 就这么简单.
解析FixedColumns
-====================
-TODO
+--------------------
+了解下FixedColumns的原理就豁然开朗了.
+
+主要是通过做联动垂直/水平滚动条来实现滚动区域与固定区域保持一直
+
+
+那么在Android 2.3.x上测试无法使用, 极有可能就是这些原生滚动条出了问题, 造成地无法滚动.
+
+因此我们将这些原生滚动条都用iScroll来代替就好了, 再让iScroll联动
+
github pages demo
-====================
+--------------------
TODO
\ No newline at end of file
diff --git a/inspiration/img/fixed-columns-iscroll.jpg b/inspiration/img/fixed-columns-iscroll.jpg
new file mode 100644
index 0000000..cdab197
Binary files /dev/null and b/inspiration/img/fixed-columns-iscroll.jpg differ
diff --git a/inspiration/img/fixed-columns-scrollbar.jpg b/inspiration/img/fixed-columns-scrollbar.jpg
new file mode 100644
index 0000000..0745a6c
Binary files /dev/null and b/inspiration/img/fixed-columns-scrollbar.jpg differ