导航栏下方的搜索文本框

我正在使用jquery数据表... 我想将数据表的搜索文本框移动到页面中心和导航栏下方.... 问题是搜索文本框中配有桌子插上数据，因此不知道如何将它.... 提供下面我的代码...导航栏下方的搜索文本框

<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>

来源

2013-04-02 user2136828

删除内联CSS marign左：80％;表单div＃vendortable_filter并添加文本对齐：中心; [检查这个小提琴]（http://jsfiddle.net/bz2C4/1/） – crazyrohila

@crazyrohila感谢您的回复...是否有可能移动到供应商列表标题 – user2136828

是的，你可以做。如果你改变HTML比移动这个div高于供应商股利。否则你必须通过位置来做到这一点：在CSS中绝对。检查[this]（http://jsfiddle.net/bz2C4/2/）。 – crazyrohila

您可以使用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','');

}）;

看吧工作jsfiddle

来源

2013-04-02 21:20:59 Mat

我已经给你的静态页面...但实际上搜索文本字段从js中获得....所以在实际代码中我找不到这个标签

Search:

实际代码jsfiddle.net/bz2C4/7 – user2136828

您可以使用类似的东西，我使用了id，您可以使用搜索过滤器类我想永远都是一样的，并且在我认为永远存在的标题之前总是追加搜索框。看看[小提琴]（http://jsfiddle.net/bz2C4/8/） – Mat

是的，但如何使它中心对齐.... – user2136828

导航栏下方的搜索文本框

回答

相关问题