Skip to content

Commit

Permalink
说明文档增加 常见问题列表 解答兼容使用bootstrap作为基础样式库, 但切记一定要覆盖bootstrap默认的table样式max-…
Browse files Browse the repository at this point in the history
…width: 100%为max-width: none, 否则会使表格宽度无法溢出, 造成不出现水平滚动条的问题.
  • Loading branch information
ufologist committed Jul 4, 2013
1 parent 75f352c commit d381ee3
Showing 1 changed file with 8 additions and 2 deletions.
10 changes: 8 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,11 +62,11 @@ $('#table').mobileFixedColumnsTable({
* <a href="http://www.datatables.net/extras/fixedcolumns/">DataTables - FixedColumns</a>
* <a href="http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/build/KitchenSink/ext-theme-neptune/#locking-grid">Ext JS - Locking Grid</a>

其中最为理想的是FixedColumns, 但在<strong>Android 2.3.x<strong>上(极有可能2.3之前的版本也无法使用, 但未测试过)无法使用, 试过在Android 4.x上一切正常.
其中最为理想的是FixedColumns, 但在<strong>Android 2.3.x</strong>strong>上(极有可能2.3之前的版本也无法使用, 但未测试过)无法使用, 试过在Android 4.x上一切正常.

但还是有一点点小瑕疵. 由于FixedColumns的实现机制是利用原生的滚动条来控制固定列/表头, 在移动平台上不会出现这个原生的滚动条, 因此会给人不爽的感觉.

想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容<strong>Android 2.3.x<strong>?
想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容<strong>Android 2.3.x</strong>strong>?

深受启发
--------------------
Expand All @@ -84,6 +84,12 @@ $('#table').mobileFixedColumnsTable({
因此我们将这些原生滚动条都用iScroll来代替就好了, 再让iScroll联动
<img src="inspiration/img/fixed-columns-iscroll.jpg" height="365" width="621" alt="用iScroll来替代FixedColumns产生的原生滚动条">

常见问题
--------------------
Q: 能集成bootstrap一起使用吗?

A: 本组件兼容使用bootstrap作为基础样式库, 但切记一定要覆盖bootstrap默认的table样式max-width: 100%为max-width: none, 否则会使表格宽度无法溢出, 造成不出现水平滚动条的问题.

github pages demo
--------------------
TODO

0 comments on commit d381ee3

Please sign in to comment.