无法让 jQuery floatThead 处理嵌入在选项卡式图层中的表
Cannot get jQuery floatThead to work on table embedded in tabbed layers
我放弃了尝试让我以前的尝试在可滚动表上的固定标题上正常工作,我求助于这个插件:http://mkoryak.github.io/floatThead/
我工作的 Web 界面以两种方式显示此特定视图的表格 - 带有选项卡或直接显示表格。
以下是带有选项卡的结构:
<div class="tab-content">
<div class="tab-pane active" id="tab1">
... a couple stuff
<table id='resizable118' cellpadding='5' cellspacing='0' border='0' Width='75%' leftmargin='50' >
... stuff in the table every row has font size of 3 but that's it
</table>
</div>
</div>
这是没有选项卡的结构:
<table id='resizable118' cellpadding='5' cellspacing='0' border='0' Width='75%' leftmargin='50' >
... stuff in the table every row has font size of 3 but that's it
</table>
如您所见,两者的表生成方式完全相同。唯一的区别是将选项卡式视图的表括起来的两个<div>
元素。
该插件指示将表包装在类似于div 元素的东西中。当我在不使用选项卡时用div 元素包装表格然后激活插件时,一切都很好。
问题:无论我使用新的div 元素包装表格还是使用现有的 <div>
元素之一,当使用选项卡式视图时,表格都会中断。
表头和正文被水平挤压,然后之后没有任何列将对齐。当我破坏插件使用时,一切恢复正常。
以前有没有人见过jQuery floatThead?如何解决选项卡式表视图的问题?
从文档 (http://mkoryak.github.io/floatThead/) 中有一个"回流"方法,
因此,将 OnClick 事件添加到包含该表的选项卡中,
onclick="$table.floatThead('reflow');"
我以这种方式制作的作品:)
相关文章:
- 更改图层中单个矢量特征的图标
- 谷歌地图热图图层点半径
- 谷歌地图-更改图层图标大小
- 如何通过ID获取图层对象
- CS5隐藏图层的速度非常慢
- 开放图层导出为 KML 并保留我的地图样式
- 传单问题:使折线的图层组不可单击
- 将图层添加到另一个图层
- 图层删除(图像);在 Kinetic.js 中不起作用
- HTML5 Canvas 的初学者,使用图层
- 如何在“控制缩放”下的“打开图层”上添加一些图像
- 无法让 jQuery floatThead 处理嵌入在选项卡式图层中的表
- 如何在开放层 3 中设置矢量图层选择的样式
- 添加支持异步重新加载的 Web 图层
- 3d图层滑块Wordpress插件:编辑3d颜色
- 在jQuery中移动DOM元素(图层滑块)
- 如何用程序更改传单中的图层
- 从智能对象和图层替换Photoshop中的关键字
- 在传单图层组中为空白图块图层添加选项
- 更改融合表图层选项样式选项