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:
enter image description here



thanks,
Ameer










share|improve this question




























    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:
    enter image description here



    thanks,
    Ameer










    share|improve this question


























      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:
      enter image description here



      thanks,
      Ameer










      share|improve this question















      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:
      enter image description here



      thanks,
      Ameer







      php codeigniter datatable pagination






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited 3 hours ago









      executable

      754220




      754220










      asked 3 hours ago









      Ameer Hamza Nasir

      134




      134
























          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);
          })





          share|improve this answer




























            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






            share|improve this answer





















              Your Answer






              StackExchange.ifUsing("editor", function () {
              StackExchange.using("externalEditor", function () {
              StackExchange.using("snippets", function () {
              StackExchange.snippets.init();
              });
              });
              }, "code-snippets");

              StackExchange.ready(function() {
              var channelOptions = {
              tags: "".split(" "),
              id: "1"
              };
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function() {
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled) {
              StackExchange.using("snippets", function() {
              createEditor();
              });
              }
              else {
              createEditor();
              }
              });

              function createEditor() {
              StackExchange.prepareEditor({
              heartbeatType: 'answer',
              convertImagesToLinks: true,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: 10,
              bindNavPrevention: true,
              postfix: "",
              imageUploader: {
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              },
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              });


              }
              });














               

              draft saved


              draft discarded


















              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
































              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);
              })





              share|improve this answer

























                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);
                })





                share|improve this answer























                  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);
                  })





                  share|improve this answer












                  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);
                  })






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered 3 hours ago









                  Ameer Hamza Nasir

                  134




                  134
























                      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






                      share|improve this answer

























                        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






                        share|improve this answer























                          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






                          share|improve this answer












                          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







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered 3 hours ago









                          Abdulla Nilam

                          22.6k133358




                          22.6k133358






























                               

                              draft saved


                              draft discarded



















































                               


                              draft saved


                              draft discarded














                              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




















































































                              Popular posts from this blog

                              Landwehr

                              Reims

                              Javascript gets undefined on array