diff --git a/app/src/web/conn_table.py b/app/src/web/conn_table.py
new file mode 100644
index 0000000..e5aeff5
--- /dev/null
+++ b/app/src/web/conn_table.py
@@ -0,0 +1,77 @@
+from inverter_base import InverterBase
+
+
+def _get_row2():
+    icon1 = 'fa-upload fa-rotate-180'
+    ip1 = '192.168.200.194'
+    port1 = '39000'
+    icon2 = 'fa-cloud'
+    ip2 = '188.168.200.194'
+    port2 = '10000'
+    row = []
+    row.append(f'<i class="fa {icon1}"></i> {ip1}:{port1}')
+    row.append(f'<i class="fa {icon1}"></i> {ip1}')
+    row.append("Y170000000000001")
+    row.append(f'<i class="fa {icon2}"></i> {ip2}:{port2}')
+    row.append(f'<i class="fa {icon2}"></i> {ip2}')
+    return row
+
+
+def _get_device_icon(client_mode: bool):
+    if client_mode:
+        return 'fa-download fa-rotate-180'
+
+    return 'fa-upload fa-rotate-180'
+
+
+def _get_cloud_icon(emu_mode: bool):
+    if emu_mode:
+        return 'fa-cloud-arrow-down-alt'
+
+    return 'fa-cloud'
+
+
+def _get_row(inv: InverterBase):
+    ip1, port1 = inv.addr
+    client_mode = inv.client_mode
+    icon1 = ''
+    icon2 = ''
+    ip2 = '--'
+    port2 = '--'
+    inv_serial = ''
+    if inv.local.stream:
+        inv_serial = inv.local.stream.inv_serial
+        icon1 = _get_device_icon(client_mode)
+
+    if inv.remote.ifc:
+        ip2, port2 = inv.remote.ifc.r_addr
+        icon2 = _get_cloud_icon(client_mode)
+
+    row = []
+    row.append(f'<i class="fa {icon1}"></i> {ip1}:{port1}')
+    row.append(f'<i class="fa {icon1}"></i> {ip1}')
+    row.append(inv_serial)
+    row.append(f'<i class="fa {icon2}"></i> {ip2}:{port2}')
+    row.append(f'<i class="fa {icon2}"></i> {ip2}')
+    return row
+
+
+def get_table_data():
+    table = {
+        "col_classes": [
+            "w3-hide-small w3-hide-medium", "w3-hide-large",
+            "",
+            "w3-hide-small w3-hide-medium", "w3-hide-large",
+        ],
+        "thead": [[
+            'Device-IP:Port', 'Device-IP',
+            "Serial-No",
+            "Cloud-IP:Port", "Cloud-IP"
+        ]],
+        "tbody": []
+    }
+    table['tbody'].append(_get_row2())
+    for inverter in InverterBase:
+        table['tbody'].append(_get_row(inverter))
+
+    return table
diff --git a/app/src/web/routes.py b/app/src/web/routes.py
index 7c93647..ab795b5 100644
--- a/app/src/web/routes.py
+++ b/app/src/web/routes.py
@@ -3,6 +3,7 @@ from quart import render_template, url_for
 from quart import send_from_directory
 from quart_babel import format_datetime
 from infos import Infos
+from web.conn_table import get_table_data
 import os
 
 web_routes = Blueprint('web_routes', __name__)
@@ -36,7 +37,9 @@ async def data_fetch():
         "proxy-cnt": f"<h3>{Infos.get_counter('ProxyMode_Cnt')}</h3>",
         "emulation-cnt": f"<h3>{Infos.get_counter('EmuMode_Cnt')}</h3>",
     }
-    data["conn-table"] = await render_template('conn_table.html.j2')
+    data["conn-table"] = await render_template('conn_table.html.j2',
+                                               table=get_table_data())
+
     data["notes-list"] = await render_template('notes_list.html.j2')
     return data