From 48c271ff4c5b4363078b526e8796f3a6f505cee2 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Sun, 17 Jul 2022 19:20:03 -0600
Subject: [PATCH] add data table to list info

---
 web-ui/web-react/src/components/Inquilinos.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/web-ui/web-react/src/components/Inquilinos.js b/web-ui/web-react/src/components/Inquilinos.js
index 5f69b062..33833801 100644
--- a/web-ui/web-react/src/components/Inquilinos.js
+++ b/web-ui/web-react/src/components/Inquilinos.js
@@ -10,4 +10,22 @@ const Inquilinos = () => {
       status: '1',
     }
   }
+
+  return (
+    <div className="grid">
+      <div className="col-12">
+        <div className="card">
+          <h5>Inquilinos</h5>
+          <DataTable value={listaInquilinos} scrollable scrollHeight="400px" scrollDirection="both" className="mt-3">
+            <Column field="name" header="Nombre" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+            <Column field="last_name" header="Apellidos" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+            <Column field="dni" header="Identificación" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+            <Column field="email" header="Correo electrónico" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+            <Column field="phone" header="Telefóno" style={{ flexGrow: 1, flexBasis: '180px' }}></Column>
+            <Column field="community_id" header="Comunidad" style={{ flexGrow: 1, flexBasis: '160px' }}></Column>
+          </DataTable>
+        </div>
+      </div>
+    </div>
+  )
 }