搜索导航栏下方的文本框

时间:2013-04-02 20:46:44

标签: javascript jquery html css datatables

我正在使用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>

1 个答案:

答案 0 :(得分:1)

您可以使用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