diff --git a/src/main/resources/templates/contact/list.html b/src/main/resources/templates/contact/list.html
index 6f621bb..922a01c 100644
--- a/src/main/resources/templates/contact/list.html
+++ b/src/main/resources/templates/contact/list.html
@@ -39,7 +39,7 @@
 			</div>
 			<div id="div_list" class="tab-pane fade tab-pane-table">
 				<div class="accordion-body" style="background-color: white">
-					<table class="table table-striped table-condensed">
+					<table id="table" class="table table-striped table-condensed">
 						<thead>
 							<tr>
 								<th>Vorname</th>
@@ -57,6 +57,16 @@
 							</tr>
 						</tbody>
 					</table>
+					<script type="text/javascript">
+						$(document).ready(function(){
+							var localeUrl = '[[@{/js/dataTables/de.json}]]';
+							$("#table").DataTable({
+								"language" : {
+									"url" : localeUrl
+								}
+							});
+						});
+					</script>
 				</div>
 			</div>
 		</div>
diff --git a/src/main/resources/templates/note/list.html b/src/main/resources/templates/note/list.html
index 8f54503..e1e5566 100644
--- a/src/main/resources/templates/note/list.html
+++ b/src/main/resources/templates/note/list.html
@@ -41,7 +41,7 @@
 			</div>
 			<div id="div_list" class="tab-pane fade tab-pane-table">
 				<div class="accordion-body" style="background-color: white">
-					<table class="table table-striped table-condensed">
+					<table id="table" class="table table-striped table-condensed">
 						<thead>
 							<tr>
 								<th>Titel</th>
@@ -59,6 +59,16 @@
 							</tr>
 						</tbody>
 					</table>
+					<script type="text/javascript">
+						$(document).ready(function(){
+							var localeUrl = '[[@{/js/dataTables/de.json}]]';
+							$("#table").DataTable({
+								"language" : {
+									"url" : localeUrl
+								}
+							});
+						});
+					</script>
 				</div>
 			</div>
 		</div>