From 2217a2c21a2c240852b190a35f88c97f894ab99b Mon Sep 17 00:00:00 2001 From: ufologist Date: Fri, 5 Jul 2013 23:54:06 -0700 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE=E7=9A=84?= =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3,=20=E7=B2=BE=E7=AE=80?= =?UTF-8?q?=E4=BA=86=E5=86=85=E5=AE=B9,=20=E5=B0=86=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=E9=83=BD=E6=94=BE=E5=88=B0=E9=A1=B9=E7=9B=AE?= =?UTF-8?q?=E4=B8=BB=E9=A1=B5=E5=8E=BB=E4=BA=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 48 ++++-------------------------------------------- 1 file changed, 4 insertions(+), 44 deletions(-) diff --git a/README.md b/README.md index c82f049..0f43606 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,6 @@ v1.0 2013-07-04 Android 2.3.x/Android 4.x/iOS上组件的运行效果截图 -PC浏览器上组件的运行效果截图 - 测试过的手机 -------------------- * S5660 -- Android 2.3.4 @@ -30,7 +28,7 @@ v1.0 2013-07-04 -------------------- * 兼容Android 2.3.x, 弥补了FixedColumns的不足 * 表格可滚动区域会出现滚动条引导用户操作(iOS上需要tap后才出现), 弥补了FixedColumns的不足 -* 没有为达到功能而改动FixedColumns及任何第3方依赖库的源码, 巧妙地借力用力, 因此可以使用FixedColumns中强大的功能, 鱼和熊掌兼得... +* 没有为达到功能而改动FixedColumns及任何第3方依赖库的源码, 巧妙地借力用力, 因此可以使用FixedColumns原有的强大功能, 鱼和熊掌兼得... 使用方法 -------------------- @@ -66,9 +64,8 @@ $('#table').mobileFixedColumnsTable({ 示例 -------------------- -mobile fixed columns table与bootstrap一起使用 - -mobile fixed columns table与DataTables的demo.css一起使用 +* mobile fixed columns table与bootstrap一起使用 +* mobile fixed columns table与DataTables的demo.css一起使用 依赖 -------------------- @@ -76,42 +73,5 @@ $('#table').mobileFixedColumnsTable({ 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的实现机制是利用原生的滚动条来控制固定列/表头, 在移动平台上不会出现这个原生的滚动条, 因此会给人不爽的感觉. - -想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容Android 2.3.x? - -深受启发 --------------------- -某日看过某人随便写的一个可以在移动平台上使用的固定列/表头的组件, 虽是个半成品, 但深受启发, 原来使用iScroll来代替原生滚动条就行了, 就这么简单. - -解析FixedColumns --------------------- -了解下FixedColumns的原理就豁然开朗了. - -主要是通过做联动垂直/水平滚动条来实现滚动区域与固定区域保持一直 -FixedColumns产生的原生滚动条 - -那么在Android 2.3.x上测试无法使用, 极有可能就是这些原生滚动条出了问题, 造成地无法滚动. - -因此我们将这些原生滚动条都用iScroll来代替就好了, 再让iScroll联动 -用iScroll来替代FixedColumns产生的原生滚动条 - -最最关键的好处是, 按照这种思路, 我根本不需要动其他组件的代码, 在FixedColumns组件构造完后, 再加入我将原生滚动条替换成iScroll的方法, 这样对大家都没有影响, 可谓完美的方案. - -常见问题 --------------------- -Q: 能集成bootstrap一起使用吗? - -A: 本组件兼容使用bootstrap作为基础样式库, 但切记一定要覆盖bootstrap默认的table样式max-width: 100%为max-width: none, 否则会使表格宽度无法溢出, 造成不出现水平滚动条的问题. \ No newline at end of file +想了解更多信息请访问项目主页 \ No newline at end of file