Having a issue regarding DataTables paggingType = “input”
up vote
0
down vote
favorite
i'm using datatables and for pagination i've used paggingtype = "input" and also included its plugin cdn but unfortunately when i used this, it is automatically disabling the First Next Previous and Last pagination buttons and i needed them enabled so that i can use them alongwith input text field.. Any help will be a huge favor
Here's my JavaScript:
$(document).ready(function () {
$('#categories').DataTable({
"processing" : true,
"pagingType" : "input",
"ajax" : {
"url" : ajaxurl + "/ManageCategories/fetchCategories",
"type" : "POST"
}
});
});
and here's my DataTable showing output:

thanks,
Ameer
php codeigniter datatable pagination
add a comment |
up vote
0
down vote
favorite
i'm using datatables and for pagination i've used paggingtype = "input" and also included its plugin cdn but unfortunately when i used this, it is automatically disabling the First Next Previous and Last pagination buttons and i needed them enabled so that i can use them alongwith input text field.. Any help will be a huge favor
Here's my JavaScript:
$(document).ready(function () {
$('#categories').DataTable({
"processing" : true,
"pagingType" : "input",
"ajax" : {
"url" : ajaxurl + "/ManageCategories/fetchCategories",
"type" : "POST"
}
});
});
and here's my DataTable showing output:

thanks,
Ameer
php codeigniter datatable pagination
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
i'm using datatables and for pagination i've used paggingtype = "input" and also included its plugin cdn but unfortunately when i used this, it is automatically disabling the First Next Previous and Last pagination buttons and i needed them enabled so that i can use them alongwith input text field.. Any help will be a huge favor
Here's my JavaScript:
$(document).ready(function () {
$('#categories').DataTable({
"processing" : true,
"pagingType" : "input",
"ajax" : {
"url" : ajaxurl + "/ManageCategories/fetchCategories",
"type" : "POST"
}
});
});
and here's my DataTable showing output:

thanks,
Ameer
php codeigniter datatable pagination
i'm using datatables and for pagination i've used paggingtype = "input" and also included its plugin cdn but unfortunately when i used this, it is automatically disabling the First Next Previous and Last pagination buttons and i needed them enabled so that i can use them alongwith input text field.. Any help will be a huge favor
Here's my JavaScript:
$(document).ready(function () {
$('#categories').DataTable({
"processing" : true,
"pagingType" : "input",
"ajax" : {
"url" : ajaxurl + "/ManageCategories/fetchCategories",
"type" : "POST"
}
});
});
and here's my DataTable showing output:

thanks,
Ameer
php codeigniter datatable pagination
php codeigniter datatable pagination
edited 3 hours ago
executable
754220
754220
asked 3 hours ago
Ameer Hamza Nasir
134
134
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
I got a solution to my question i.e. whenever "paggingType" is used it will overwrite the default "paggingType" so in order to get a text input i can add it manually by inserting this javaScript:
$("div.toolbar").html('<div><input type="text" id="pageJump" placeholder="page">
<button id="jump" type="button">Go</button></div>');
$('#jump').click( function() {
table.page(parseInt($('#pageJump').val())-1).draw(false);
})
add a comment |
up vote
0
down vote
try simple_numbers and check
"pagingType": "simple_numbers"
simple_numbers: function ( page, pages ) {
return [ 'previous', _numbers(page, pages), 'next' ];
},
simple_numbers- 'Previous' and 'Next' buttons, plus page numbers
pagingType Datatables
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
I got a solution to my question i.e. whenever "paggingType" is used it will overwrite the default "paggingType" so in order to get a text input i can add it manually by inserting this javaScript:
$("div.toolbar").html('<div><input type="text" id="pageJump" placeholder="page">
<button id="jump" type="button">Go</button></div>');
$('#jump').click( function() {
table.page(parseInt($('#pageJump').val())-1).draw(false);
})
add a comment |
up vote
0
down vote
I got a solution to my question i.e. whenever "paggingType" is used it will overwrite the default "paggingType" so in order to get a text input i can add it manually by inserting this javaScript:
$("div.toolbar").html('<div><input type="text" id="pageJump" placeholder="page">
<button id="jump" type="button">Go</button></div>');
$('#jump').click( function() {
table.page(parseInt($('#pageJump').val())-1).draw(false);
})
add a comment |
up vote
0
down vote
up vote
0
down vote
I got a solution to my question i.e. whenever "paggingType" is used it will overwrite the default "paggingType" so in order to get a text input i can add it manually by inserting this javaScript:
$("div.toolbar").html('<div><input type="text" id="pageJump" placeholder="page">
<button id="jump" type="button">Go</button></div>');
$('#jump').click( function() {
table.page(parseInt($('#pageJump').val())-1).draw(false);
})
I got a solution to my question i.e. whenever "paggingType" is used it will overwrite the default "paggingType" so in order to get a text input i can add it manually by inserting this javaScript:
$("div.toolbar").html('<div><input type="text" id="pageJump" placeholder="page">
<button id="jump" type="button">Go</button></div>');
$('#jump').click( function() {
table.page(parseInt($('#pageJump').val())-1).draw(false);
})
answered 3 hours ago
Ameer Hamza Nasir
134
134
add a comment |
add a comment |
up vote
0
down vote
try simple_numbers and check
"pagingType": "simple_numbers"
simple_numbers: function ( page, pages ) {
return [ 'previous', _numbers(page, pages), 'next' ];
},
simple_numbers- 'Previous' and 'Next' buttons, plus page numbers
pagingType Datatables
add a comment |
up vote
0
down vote
try simple_numbers and check
"pagingType": "simple_numbers"
simple_numbers: function ( page, pages ) {
return [ 'previous', _numbers(page, pages), 'next' ];
},
simple_numbers- 'Previous' and 'Next' buttons, plus page numbers
pagingType Datatables
add a comment |
up vote
0
down vote
up vote
0
down vote
try simple_numbers and check
"pagingType": "simple_numbers"
simple_numbers: function ( page, pages ) {
return [ 'previous', _numbers(page, pages), 'next' ];
},
simple_numbers- 'Previous' and 'Next' buttons, plus page numbers
pagingType Datatables
try simple_numbers and check
"pagingType": "simple_numbers"
simple_numbers: function ( page, pages ) {
return [ 'previous', _numbers(page, pages), 'next' ];
},
simple_numbers- 'Previous' and 'Next' buttons, plus page numbers
pagingType Datatables
answered 3 hours ago
Abdulla Nilam
22.6k133358
22.6k133358
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203356%2fhaving-a-issue-regarding-datatables-paggingtype-input%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password