2026, 새로운 도약을 시작합니다.

페이지네이션 관련 질문

페이지네이션을 보여줄수 있는 코드를 작성하고자 합니다.

1. 드롭다운 목록에서 선택한 수 만금 테이블 데이터가 보이기

2. 현재 보여지고 있는 데이터 수를 기준으로 페이지네이션 페이지 숫자가 자동으로 바뀌기

=> 현재 페이지네이션 페이지 숫자가 전혀 보이지 않습니다.

아래 코드를 보시고 잘못된점 있으면 알려주세요ㅠㅠ

Copy
                        

                            

                                

                                    

                                        

                                            

                                                

                                                    Total : 

                                                

                                                

                                                    

                                                        

                                                            

                                                                전체

                                                                제목

                                                                내용

                                                            

                                                            

                                                            

                                                                

                                                                

                                                                    검색

                                                                    초기

                                                                

                                                                

                                                                

                                                                    10개

                                                                    20개

                                                                    30개

                                                                

                                                                

                                                            

                                                        

                                                    

                                                

                                            

                                        

                                        

                                            

                                                

                                                    

                                                         

                                                            

                                                            

                                                                

                                                            

                                                            

                                                            

                                                            No

                                                            제목

                                                            작성자

                                                            등록일

                                                            

                                                            

                                                            수정

                                                            

                                                            

                                                        

                                                    

                                                    

                                                        

                                                        

                                                        

                                                            

                                                            

                                                            

                                                                

                                                            

                                                            

                                                            

                                                             

                                                                

                                                             

                                                             

                                                            

                                                            

                                                            수정

                                                            

                                                            

                                                        

                                                        

                                                        

                                                    

                                                

                                                

                                                    

                                                    데이터 갱신

                                                    

                                                    

                                                    삭제

                                                    등록

                                                    

                                                    

                                                

                                            

                                        

                                    

                                

                            

                            

                                var currentPage = 1;

                                var rowsPerPage = 10;

                                var totalRows = 100;

                                var totalPages = Math.ceil(totalRows / rowsPerPage);

                                window.onload = function () {

                                    showRows(currentPage, rowsPerPage);

                                    renderPagination();

                                };

                                function showRows(pageNum, pageSize) {

                                    var table = document.getElementById('myTable');

                                    var rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');

                                    var startIndex = (pageNum - 1) * pageSize;

                                    var endIndex = Math.min(startIndex + pageSize, rows.length);

                                    for (var i = 0; i  rows.length; i++) {

                                        if (i >= startIndex && i  endIndex) {

                                            rows[i].style.display = 'table-row';

                                        } else {

                                            rows[i].style.display = 'none';

                                        }

                                    }

                                }

                                  function updatePagination() {

                                    var pagination = document.getElementById("pagination");

                                    pagination.innerHTML = "";

                                    totalPages = Math.ceil(totalRows / rowsPerPage); // 페이지 수 업데이트

                                    for (var i = 1; i 

답변 1개

페이징을 왜 js로 렌더링 하나요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고