f

app/views/livres/index.html.erb

@@ -1,5 +1,4 @@
 <h1>Catalogue de la bibliothèque</h1>
-
 <%= form_with url: livres_path, method: :get, local: true do %>
   <p>
     Rechercher un livre :
@@ -7,19 +6,27 @@
     <%= submit_tag "Rechercher" %>
   </p>
 <% end %>
-
 <p>Nombre total de livres : <%= @livres.count %></p>
-
-<ul>
-  <% @livres.each do |livre| %>
-    <li>
-      <strong>Titre :</strong> <%= livre.titre %> —
-      <strong>Auteur :</strong> <%= livre.auteur %> —
-      <strong>Date de sortie :</strong> <%= livre.date_de_sortie %>
-<%= button_to "Supprimer", livre_path(livre), method: :delete, data: { confirm: "Supprimer ce livre ?" } %>
-  
-</li>
-  <% end %>
-</ul>
-
+<table>
+  <thead>
+    <tr>
+      <th scope="col" style="padding: 10px;">Titre</th>
+      <th scope="col" style="padding: 10px;">Auteur</th>
+      <th scope="col" style="padding: 10px;">Date de sortie</th>
+      <th scope="col" style="padding: 10px;">Actions</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @livres.each do |livre| %>
+      <tr>
+        <td style="padding: 10px;"><%= livre.titre %></td>
+        <td style="padding: 10px;"><%= livre.auteur %></td>
+        <td style="padding: 10px;"><%= livre.date_de_sortie %></td>
+        <td>
+          <%= button_to "Supprimer", livre_path(livre), method: :delete, data: { confirm: "Supprimer ce livre ?" } %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
 <p><%= link_to "Ajouter un nouveau livre", new_livre_path %></p>