@@ -17,7 +17,7 @@ Maven dependency:
1717
1818Version 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
2323Add the Spring Data dialect to your existing Thymeleaf template engine:
@@ -28,7 +28,7 @@ templateEngine.addDialect(new SpringDataDialect()); // This line adds the diale
2828
2929This will introduce the ` sd ` namespace, and the new attribute processors that
3030you 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
3333Examples
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+
110141Multiple tables on the same page:
111142
112143On your @Controller
0 commit comments