diff --git a/app/main/static/js/style_tables.js b/app/main/static/js/style_tables.js
index 16b562b..9f11c31 100644
--- a/app/main/static/js/style_tables.js
+++ b/app/main/static/js/style_tables.js
@@ -9,3 +9,15 @@ $('#charge_table').DataTable({
         'csvHtml5',
     ]
 });
+
+$('#table_datatables').DataTable({
+    "paginate": false,
+    "searching": true,
+    "ordering": true,
+    "info": false,
+    "dom": 'Bfrtip',
+    buttons: [
+        'excelHtml5',
+        'csvHtml5',
+    ]
+});
diff --git a/app/main/templates/agents.html b/app/main/templates/agents.html
index 7a561b0..f7a2a85 100644
--- a/app/main/templates/agents.html
+++ b/app/main/templates/agents.html
@@ -1,10 +1,18 @@
 {% extends "base_page.html" %}
+
+
+{% block more_heads %}
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css"/>
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css"/>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='lib/datatables-1.10.24/css/datatables.min.css') }}"/>
+{% endblock %}
+
 {% block content %}
 
 <!-- Invisible span to definte wich ul and a in the navbar are actived -->
 <span id="nav_actived" style="display: none">agent,agents</span>
 
-<table class="table table-hover">
+<table id="table_datatables" class="table table-hover">
   <thead>
   <tr>
     <th scope="col">Nom</th>
@@ -25,4 +33,9 @@
   {% endfor %}
   </tbody>
 </table>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+
+
+{% block more_scripts %}
+{% include 'datatables-includes.html' %}
+{% endblock %}
diff --git a/app/main/templates/projects.html b/app/main/templates/projects.html
index 2fc7c9e..60432b8 100644
--- a/app/main/templates/projects.html
+++ b/app/main/templates/projects.html
@@ -1,10 +1,17 @@
 {% extends "base_page.html" %}
+
+{% block more_heads %}
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css"/>
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.7.0/css/buttons.dataTables.min.css"/>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='lib/datatables-1.10.24/css/datatables.min.css') }}"/>
+{% endblock %}
+
 {% block content %}
 
 <!-- Invisible span to definte wich ul and a in the navbar are actived -->
 <span id="nav_actived" style="display: none">projet,projects</span>
 
-<table class="table table-hover">
+<table id="table_datatables" class="table table-hover">
   <thead>
   <tr>
     {% for c_title in projects[0][1:] %}
@@ -28,3 +35,7 @@
   </tbody>
 </table>
 {% endblock %}
+
+{% block more_scripts %}
+{% include 'datatables-includes.html' %}
+{% endblock %}
--
libgit2 0.21.2