{"id":226,"date":"2020-06-14T15:51:55","date_gmt":"2020-06-14T15:51:55","guid":{"rendered":"http:\/\/basicwebsitesolutions.com\/blog\/?p=226"},"modified":"2020-06-14T15:51:55","modified_gmt":"2020-06-14T15:51:55","slug":"how-to-change-table-row-count-in-the-bootstrap-website","status":"publish","type":"post","link":"https:\/\/basicwebsitesolutions.com\/blog\/2020\/06\/14\/how-to-change-table-row-count-in-the-bootstrap-website\/","title":{"rendered":"How to change table row count in the bootstrap website?"},"content":{"rendered":"\n<p>I have been working with bootstrap websites for quite some time and making admin backend pages have been a new experience for me.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"http:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap1-1024x496.jpg\" alt=\"\" class=\"wp-image-227\" srcset=\"https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap1-1024x496.jpg 1024w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap1-300x145.jpg 300w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap1-768x372.jpg 768w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap1.jpg 1366w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p>Lately the default 10 row table data have a lot of people ask if we can increase it to a certain number other than 10.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"http:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap2-1024x505.jpg\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap2-1024x505.jpg 1024w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap2-300x148.jpg 300w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap2-768x379.jpg 768w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/bootstrap2.jpg 1366w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p> Fortunately, I came across the code to grant this request. But we need to go into the source code page to accomplish this.<\/p>\n\n\n\n<p>Inside the HTML page, at the bottom, you will see a script section<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"299\" src=\"http:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-1.jpg\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-1.jpg 742w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-1-300x121.jpg 300w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>We need to add more code to it. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"756\" height=\"344\" src=\"http:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-2.jpg\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-2.jpg 756w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-2-300x137.jpg 300w\" sizes=\"auto, (max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>When you refresh the page, you will see that it now starts at 50 rows<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"324\" src=\"http:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-3.jpg\" alt=\"\" class=\"wp-image-231\" srcset=\"https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-3.jpg 732w, https:\/\/basicwebsitesolutions.com\/blog\/wp-content\/uploads\/2020\/06\/edit-page-3-300x133.jpg 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p>That&#8217;s just about it.<\/p>\n\n\n\n<p>Enjoy,<\/p>\n\n\n\n<p>Coffee Cup <\/p>\n\n\n\n<p>Youtube link is  <br><a href=\"https:\/\/www.youtube.com\/watch?v=GdH3IkYBwI4\">https:\/\/www.youtube.com\/watch?v=GdH3IkYBwI4<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been working with bootstrap websites for quite some time and making admin backend pages have been a new experience for me. Lately the default 10 row table data have a lot of people ask if we can increase it to a certain number other than 10. Fortunately, I came across the code to &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/basicwebsitesolutions.com\/blog\/2020\/06\/14\/how-to-change-table-row-count-in-the-bootstrap-website\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to change table row count in the bootstrap website?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,1,11],"tags":[130,132,133,131],"class_list":["post-226","post","type-post","status-publish","format-standard","hentry","category-day-to-day-life","category-life-as-a-programmer","category-php-and-mysql","tag-bootstrap","tag-default-10-rows","tag-html-page","tag-increase-row"],"_links":{"self":[{"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":1,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/226\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/posts\/226\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebsitesolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}