Javascript 如何在“之间显示页码信息”;“以前的”;及;“下一步”;数据表中的按钮?
我需要在DataTable中的“上一页/下一页”按钮之间显示有关当前页码和总页数的文本。我将pagingType设置为“simple”,但我不知道如何在这两个按钮之间放置文本。以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉 代码如下:Javascript 如何在“之间显示页码信息”;“以前的”;及;“下一步”;数据表中的按钮?,javascript,css,datatables,pagination,Javascript,Css,Datatables,Pagination,我需要在DataTable中的“上一页/下一页”按钮之间显示有关当前页码和总页数的文本。我将pagingType设置为“simple”,但我不知道如何在这两个按钮之间放置文本。以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉 代码如下: <script type="text/javascript"> $(document).ready(function() { var table = $
<script type="text/javascript">
$(document).ready(function() {
var table = $('#example').DataTable({
"pagingType": "full",
"language": {
"info": "_START_ of _TOTAL_",
"paginate": {
"first": "",
"last": "",
"next": ">",
"previous": "<"
}
} ,
"initComplete": function() {
tabulate(this.api().page.info());
}
});
table.on( 'draw', function () {
tabulate(table.page.info());
} );
} );
function tabulate(pageInfo) {
var curr = pageInfo.page + 1;
var tot = pageInfo.pages;
$( "<span>" + curr + " of " + tot + "</span>" ).insertAfter( "a.paginate_button.previous" );
}
</script>
$(文档).ready(函数(){
变量表=$('#示例')。数据表({
“pagingType”:“完整”,
“语言”:{
“信息”:“总数的开始”,
“分页”:{
“第一项”:“第一项”,
“最后”:“,
“下一步”:“>”,
“previous”:“以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉
代码如下:
<script type="text/javascript">
$(document).ready(function() {
var table = $('#example').DataTable({
"pagingType": "full",
"language": {
"info": "_START_ of _TOTAL_",
"paginate": {
"first": "",
"last": "",
"next": ">",
"previous": "<"
}
} ,
"initComplete": function() {
tabulate(this.api().page.info());
}
});
table.on( 'draw', function () {
tabulate(table.page.info());
} );
} );
function tabulate(pageInfo) {
var curr = pageInfo.page + 1;
var tot = pageInfo.pages;
$( "<span>" + curr + " of " + tot + "</span>" ).insertAfter( "a.paginate_button.previous" );
}
</script>
$(文档).ready(函数(){
变量表=$('#示例')。数据表({
“pagingType”:“完整”,
“语言”:{
“信息”:“总数的开始”,
“分页”:{
“第一项”:“第一项”,
“最后”:“,
“下一步”:“>”,
“previous”:“您在使用jquery DataTable吗?是的,jquery DataTable您在使用jquery DataTable吗?是的,jquery DataTable。”