Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自定义引导数据表搜索框和记录视图位置_Javascript_Jquery_Css_Twitter Bootstrap_Datatable - Fatal编程技术网

Javascript 如何自定义引导数据表搜索框和记录视图位置

Javascript 如何自定义引导数据表搜索框和记录视图位置,javascript,jquery,css,twitter-bootstrap,datatable,Javascript,Jquery,Css,Twitter Bootstrap,Datatable,我在使用引导样式创建datatable时遇到了一个问题。我从这个站点获得了数据表() 我发现不太符合我所创造的观点。我把导航条放在桌子上面。所以我想做一个搜索框,查看我放在导航栏上的记录。因为这是我想要的 之前: 我想成为这样 如何定制?必须更改的javascript代码或使用jquery进行足够定制的代码在哪里? 仔细阅读,然后来读评论的其余部分 以下是一个例子: 当你明白了,就写吧 $('#example').dataTable({ "dom":' <"s

我在使用引导样式创建datatable时遇到了一个问题。我从这个站点获得了数据表()

我发现不太符合我所创造的观点。我把导航条放在桌子上面。所以我想做一个搜索框,查看我放在导航栏上的记录。因为这是我想要的

之前:

我想成为这样

如何定制?必须更改的javascript代码或使用jquery进行足够定制的代码在哪里?

仔细阅读,然后来读评论的其余部分 以下是一个例子:

当你明白了,就写吧

     $('#example').dataTable({


      "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">'
    }


      );
});
$('#示例')。数据表({
“dom”:“rt”
}
);
});
这将使搜索框有一个名为“search”的类,并保持其他所有内容不变 现在,您可以使用css轻松编辑搜索框的位置 如果你想喜欢你贴的照片,就写吧

"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'
“dom”:“rt”
“sDom”:“

和css:

.下拉列表 { 浮动:右;
}

搜索框可能在标题上,而不是在数据表中,您需要使用自定义html。您应该将代码放入其中,这样我们可以更方便地帮助您。