导航栏下方的搜索文本框
search text box below the nav bar
我使用jquery数据表…我想把数据表的搜索文本框移到页面的中心和导航栏....下面问题是搜索文本框自带的数据表插件,所以不知道如何移动它....下面提供我的代码…
http://jsfiddle.net/bz2C4/<div class="dataTables_filter" id="vendortable_filter" style="margin-left: 80%;"><label>Search: <input type="text" aria-controls="vendortable"></label></div>
<script type="text/javascript" >
$(document).ready(function() {
$('#inventoryTable').dataTable( {
"bFilter": true,
"bLengthChange": false,
//"bJQueryUI": true,
"bSort": false,
"iDisplayLength": 20,
"sPaginationType": "full_numbers"
} );
$('.dataTables_length').remove();
$('.dataTables_info').remove();
$('.dataTables_filter').css("float", "right");
});
</script>
您可以使用jquery移动它,这不是建议的方法,但如果您不能更改源代码是唯一的方法。看看这样的东西
$(function() {
var search = $('.dataTables_filter').detach();
$('.page-title').before(search);
var left = ($('.page-title').width() / 2) - (search.width() / 2);
search.css('margin-left',left+'px');
search.css('float','');
});
相关文章:
- 搜索文本文件并附加到表中
- 在网站HTML页面上搜索文本
- 在JavaScript中搜索文本并获取其所有开始和结束索引
- 不显示 jsTree 搜索文本框
- “搜索”文本仅考虑表格中的最后一列
- 突出显示搜索文本引导程序表
- jQuery自动完成下拉列表中的粗体搜索文本字符
- 在文档中搜索文本以删除的文本超过找到它的标签
- JavaScript:获取搜索文本在正文上的滚动位置
- 使用JavaScript搜索文本
- jQuery在多个表中搜索文本,如果找到文本,则单击按钮
- 使用javascript从html中搜索文本
- 使用PowerShell在JavaScript网页上搜索文本字符串
- Javascript Regex exec 在向搜索文本添加属性/引号后冻结
- 具有搜索文本的功能,不能很好地处理标点符号/符号.Jquery/Jquery mobile.
- Javascript打开带有搜索文本的新窗口
- 谷歌语音识别搜索文本问题
- 我们可以使数据列表自动完成以搜索文本和值吗?
- 使搜索文本框输入值不区分大小写
- 在嵌套对象(例如 Backbone.js集合)中搜索文本