mobile-fixed-columns-table ==================== 在移动平台上(Android/iOS...)可用的固定列/表头的表格组件 测试过的手机 ==================== * 小米1 * Note2(N7100) * GT-I8552 使用方法 ==================== // 至少需要的参数 $('#table').mobileFixedColumnsTable({ // 请参考DataTables的配置 'sScrollY': '300px', 'sScrollX': '100%', 'bScrollCollapse': true, }); // 更多的配置项 $('#table').mobileFixedColumnsTable({ 'sScrollY': '300px', 'sScrollX': '100%', 'bScrollCollapse': true, 'oLanguage': { 'sInfo': '' } }, { fixedColumnsOptions: { // 请参考DataTables的FixedColumns的配置 iLeftColumns: 2 }, scrollerOptions: { // 请参考iScroll的配置 onScrollMove: function() { console.log(this, arguments); } } }); 使用效果 ==================== 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的实现机制是利用原生的滚动条来控制固定列/表头, 在移动平台上不会出现这个原生的滚动条, 因此会给人不爽的感觉. 想着是否需要参考这些已经成熟的固定列/表头的HTML结构, 自己来实现一个类似的组件, 让其兼容*Android 2.3.x*? 深受启发 ==================== 某日看过某人随便写的一个可以在移动平台上使用的固定列/表头的组件, 虽是个半成品, 但深受启发, 原来使用iScroll来代替原生滚动条就行了, 就这么简单. 解析FixedColumns ==================== TODO github pages demo ==================== TODO