improve line break in table

Author: marle3003

webui/src/components/dashboard/kafka/KafkaGroups.vue

@@ -112,8 +112,8 @@ function getClientSoftware(member: KafkaMember) {
                     </span>
                 </td>
                 <td>{{ group.state }}</td>
-                <td>{{ group.protocol }}</td>
-                <td>{{ group.coordinator }}</td>
+                <td v-html="group.protocol.replace(/([a-z])([A-Z])/g, '$1<wbr>$2')"></td>
+                <td v-html="group.coordinator.replace(/([^:]*):(.*)/g, '$1<wbr>:$2')"></td>
                 <td>{{ group.leader }}</td>
                 <td>
                     <ul class="members">

webui/src/components/dashboard/kafka/Servers.vue

@@ -47,7 +47,7 @@ const servers = computed(() => {
                 <tbody>
                     <tr v-for="server in servers" :key="server.host">
                         <td>{{ server.name }}</td>
-                        <td>{{ server.host }}</td>
+                        <td  v-html="server.host.replace(/([^:]*):(.*)/g, '$1<wbr>:$2')"></td>
                         <td><markdown :source="server.description" class="description" :html="true"></markdown></td>
                         <td>
                             <ul class="tags">