数据表 Jquery Dom 位置
Datatables Jquery Dom Position
我正在使用 http://datatables.net/,dom 位置有问题。
dom 在以下条件下有效:
- 我要设置2个分页
dom: "flptip"
- 我想将所有项目设置在顶部或底部
dom: "tflip" / dom:
"flipt"
顺便说一下,dom 在以下情况下不起作用:
- 我想用length位置反转gobal搜索位置
因为我希望全局搜索在左边并且长度在变化
输入控件向右。我做不到
dom: "fltip"
有
没有变化。
有什么想法吗?
您可以尝试一些主要涉及 CSS 要移动的特定 dom
元素的方法。当您指定 dom
元素时,您可以包括 classes 和 ids。从这里,您可以调整您希望项目对齐的位置。以下是您如何加入
- < 和 > - div 元素
- <"class" 和 > - div 与 class
- <"#id" 和 > - div ID
例如,您可以这样做:
$('#example').dataTable( {
"dom": '<"#myTop"f>lt<"myBottom"i>p'
} );
然后CSS:
#myTop {
text-align:left; /* whatever you need */
}
.myBottom {
text-align:right; /* whatever you need */
}
我正在使用 http://datatables.net/,dom 位置有问题。
dom 在以下条件下有效:
- 我要设置2个分页
dom: "flptip"
- 我想将所有项目设置在顶部或底部
dom: "tflip" / dom: "flipt"
顺便说一下,dom 在以下情况下不起作用:
- 我想用length位置反转gobal搜索位置
因为我希望全局搜索在左边并且长度在变化
输入控件向右。我做不到
dom: "fltip"
有 没有变化。
有什么想法吗?
您可以尝试一些主要涉及 CSS 要移动的特定 dom
元素的方法。当您指定 dom
元素时,您可以包括 classes 和 ids。从这里,您可以调整您希望项目对齐的位置。以下是您如何加入
- < 和 > - div 元素
- <"class" 和 > - div 与 class
- <"#id" 和 > - div ID
例如,您可以这样做:
$('#example').dataTable( {
"dom": '<"#myTop"f>lt<"myBottom"i>p'
} );
然后CSS:
#myTop {
text-align:left; /* whatever you need */
}
.myBottom {
text-align:right; /* whatever you need */
}