웹 프로그래밍/Blazor 범범조조 2022. 11. 8. 21:49
개요 Blazor 에서 페이저 버튼 구현하는 방법에 대해서 정리 진행합니다. Blazor 코드 Blazor 에서 페이저 버튼을 구현하기 위해 부트스트랩 pagination CSS 클래스를 이용하여 표현 할 수 있습니다. 코드는 다음과 같습니다. 다음 코드에서는 Prev, Next 버튼을 추가 하였고, 해당 버튼 사이에는 Page 개수를 함께 표시 되도록 하였습니다. 또한, 현재 클릭된 페이지만 Button 이 활성화 되도록 하는 부분도 추가 되어 있습니다. 보다 자세한 내용은 https://getbootstrap.com/docs/4.0/components/pagination/ 에서 확인할 수 있습니다. Prev @for (int i = 0; i < PageCount; i++) { @(i+1) } Next..
더 읽기