Skip to content

Commit 5528e6f

Browse files
authored
New components compact and page size selector
1 parent ededb05 commit 5528e6f

File tree

1 file changed

+33
-2
lines changed

1 file changed

+33
-2
lines changed

README.md

Lines changed: 33 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ Maven dependency:
1717

1818
Version 2.1.1 for Thymeleaf 2
1919

20-
Version 3.0.0 compatible with Thymeleaf 3
20+
Version 3.1.0 compatible with Thymeleaf 3
2121

2222

2323
Add the Spring Data dialect to your existing Thymeleaf template engine:
@@ -28,7 +28,7 @@ templateEngine.addDialect(new SpringDataDialect()); // This line adds the diale
2828

2929
This will introduce the `sd` namespace, and the new attribute processors that
3030
you to use in your pages: `pagination`, `pagination-sort`, `pagination-summary`,
31-
`pagination-url`, `page-object`, and `pagination-qualifier`.
31+
`pagination-url`, `page-object`, `pagination-qualifier` and `page-size-selector`.
3232

3333
Examples
3434
--------
@@ -107,6 +107,37 @@ Aligned links:
107107

108108
![alt text](https://raw.githubusercontent.com/jpenren/thymeleaf-spring-data-dialect/master/doc/aligned-links.png "Aligned links")
109109

110+
Compact pager:
111+
```html
112+
<div>
113+
<span sd:pagination-summary="compact">info</span>
114+
<div class="btn-group pager-compact" sd:pagination="compact-pager">
115+
<!-- Pagination created by SpringDataDialect, this content is just for mockup -->
116+
<a href="#" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span></a>
117+
<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-chevron-right"></span></a>
118+
</div>
119+
</div>
120+
```
121+
![alt text] (https://raw.githubusercontent.com/jpenren/thymeleaf-spring-data-dialect/master/doc/compact.png "Compact pager")
122+
123+
Page size selector (default requires your own javascript code, no action associated):
124+
```html
125+
Show <span sd:page-size-selector="default"></span> entries
126+
```
127+
![alt text] (https://raw.githubusercontent.com/jpenren/thymeleaf-spring-data-dialect/master/doc/page-size-select.png "Page size selector")
128+
129+
Page size selector (with javascript code implemented):
130+
```html
131+
Show <span sd:page-size-selector="javascript"></span> entries
132+
```
133+
![alt text] (https://raw.githubusercontent.com/jpenren/thymeleaf-spring-data-dialect/master/doc/page-size-select.png "Page size selector")
134+
135+
Page size selector (dropdown):
136+
```html
137+
<div class="btn-group dropup" sd:page-size-selector="dropdown"></div>
138+
```
139+
![alt text] (https://raw.githubusercontent.com/jpenren/thymeleaf-spring-data-dialect/master/doc/page-size-dropdown.png "Page size selector")
140+
110141
Multiple tables on the same page:
111142

112143
On your @Controller

0 commit comments

Comments
 (0)