jquery可折叠集内的移动表宽度

时间:2013-06-05 14:14:40

标签: jquery jquery-mobile jquery-mobile-collapsible

我在jQuery mobile的可折叠列表中遇到内容宽度问题。我无法将表缩放到100%的collapsible-inner-content元素..

你可以在这里看到一个例子: http://jsfiddle.net/2nmeh/1/

我尝试使用

更新可折叠集
    $('#pegel_einzelansicht').collapsibleset( 'refresh' );

对表格宽度没有任何影响。知道如何在css或js中操作和操作什么?

我知道有些答案会使用像display: table;这样的css操作,但这会破坏Safari和其他移动浏览器中的重排效果(跳跃列)。

1 个答案:

答案 0 :(得分:1)

工作示例:http://jsfiddle.net/Gajotres/a8VZu/

CSS:

.ui-collapsible-content {
    padding: 0 0 !important;

}
.ui-table-reflow.ui-responsive {
    display: table !important;
}