Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
ChihuahUI
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Iterations
Wiki
Requirements
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
EIP
Labrador
ChihuahUI
Merge requests
!2
Add Pagination Styles
Code
Review changes
Check out branch
Open in Workspace
Download
Patches
Plain diff
Expand sidebar
Merged
Add Pagination Styles
add-pagination
into
master
Overview
5
Commits
5
Pipelines
11
Changes
3
All threads resolved!
Hide all comments
Merged
Add Pagination Styles
Timur Oberhuber
requested to merge
add-pagination
into
master
Jun 11, 2023
Overview
5
Commits
5
Pipelines
11
Changes
3
All threads resolved!
Hide all comments
Adds necessary pagination styles (copied (mostly) from Queue).
1
0
Merge request reports
Compare
master
version 6
27f17abc
Jul 28, 2023
version 5
818cb96c
Jul 28, 2023
version 4
0bf6fd7f
Jul 25, 2023
version 3
0bf6fd7f
Jul 25, 2023
version 2
0bf6fd7f
Jun 25, 2023
version 1
423e4cc1
Jun 11, 2023
master (base)
and
latest version
latest version
44e87c89
5 commits,
Jul 28, 2023
version 6
27f17abc
4 commits,
Jul 28, 2023
version 5
818cb96c
3 commits,
Jul 28, 2023
version 4
0bf6fd7f
2 commits,
Jul 25, 2023
version 3
0bf6fd7f
2 commits,
Jul 25, 2023
version 2
0bf6fd7f
2 commits,
Jun 25, 2023
version 1
423e4cc1
1 commit,
Jun 11, 2023
3 files
+
71
−
0
Inline
Compare changes
Side-by-side
Inline
Show whitespace changes
Show one file at a time
Files
3
docs/index.html
+
41
−
0
View file @ 44e87c89
Edit in single-file editor
Open in Web IDE
Show full file
@@ -353,6 +353,47 @@
</div>
</div>
<div
class=
"flex vertical gap-3"
>
<h2
class=
"font-500"
>
Pagination
</h2>
<nav
aria-label=
"Pagination"
class=
"pagination"
>
<ul
role=
"list"
>
<li><a>
«
</a></li>
<li><a
href=
"?page=1"
aria-current=
"page"
>
1
</a></li>
<li><a
href=
"?page=2"
>
2
</a></li>
<li><a
href=
"?page=3"
>
3
</a></li>
<li><a>
…
</a></li>
<li><a
href=
"?page=6"
>
»
</a></li>
</ul>
</nav>
<nav
aria-label=
"Pagination"
class=
"pagination"
>
<ul
role=
"list"
>
<li><a
href=
"?page=1"
>
&
laquo
</a></li>
<li><a>
…
</a></li>
<li><a
href=
"?page=1"
>
2
</a></li>
<li><a
href=
"?page=2"
>
3
</a></li>
<li><a
href=
"?page=3"
aria-current=
"page"
>
4
</a></li>
<li><a>
»
</a></li>
</ul>
</nav>
<h3
class=
"font-300 underlined"
>
JavaScript to change the page query parameter:
</h3>
<code>
<
script
>
<br>
$(() => {
<br>
$(".pagination button, .pagination a").click(function () {
<br>
let url = new URL(window.location);
<br>
url.searchParams.set("page", $(this).data("page"));
<br>
window.location = url.href;
<br>
});
<br>
});
<br>
<
/script
>
</code>
</div>
</main>
<script>
Loading