style

 {{#each .}}
 {{#each .}}
 <table class="pure-table pure-table-horizontal srvc" data-index={{@index}}>
 <table class="pure-table pure-table-horizontal srvc" data-index={{@index}}>
     <tbody>
     <tbody>
-        <tr><td>ip</td><td>{{ip}}</td></tr>
-        <tr><td>port</td><td>{{port}}</td></tr>
-        <tr><td>usedMemoryPercent</td><td>{{usedMemoryPercent}}</td></tr>
-        <tr><td>memFragmentationRatio</td><td>{{memFragmentationRatio}}</td></tr>
-        <tr><td>connectedClients</td><td>{{connectedClients}}</td></tr>
-        <tr><td>maxMemory</td><td>{{maxMemory}}</td></tr>
-        <tr><td>cpuIdle</td><td>{{cpuIdle}}</td></tr>
-        <tr><td>redisCpu</td><td>{{redisCpu}}</td></tr>
-        <tr><td>netWrite</td><td>{{netWrite}}</td></tr>
-        <tr><td>netRead</td><td>{{netRead}}</td></tr>
+        <tr>
+            <td title="ip">ip</td>
+            <td title="{{ip}}">{{ip}}</td>
+        </tr>
+        <tr>
+            <td title="port">port</td>
+            <td title="{{port}}">{{port}}</td>
+        </tr>
+        <tr>
+            <td title="usedMemoryPercent">usedMemoryPercent</td>
+            <td title="{{usedMemoryPercent}}">{{usedMemoryPercent}}</td>
+        </tr>
+        <tr>
+            <td title="memFragmentationRatio">memFragmentationRatio</td>
+            <td title="{{memFragmentationRatio}}">{{memFragmentationRatio}}</td>
+        </tr>
+        <tr>
+            <td title="connectedClients">connectedClients</td>
+            <td title="{{connectedClients}}">{{connectedClients}}</td>
+        </tr>
+        <tr>
+            <td title="maxMemory">maxMemory</td>
+            <td title="{{maxMemory}}">{{maxMemory}}</td>
+        </tr>
+        <tr>
+            <td title="cpuIdle">cpuIdle</td>
+            <td title="{{cpuIdle}}">{{cpuIdle}}</td>
+        </tr>
+        <tr>
+            <td title="redisCpu">redisCpu</td>
+            <td title="{{redisCpu}}">{{redisCpu}}</td>
+        </tr>
+        <tr>
+            <td title="netWrite">netWrite</td>
+            <td title="{{netWrite}}">{{netWrite}}</td>
+        </tr>
+        <tr>
+            <td title="netRead">netRead</td>
+            <td title="{{netRead}}">{{netRead}}</td>
+        </tr>
     </tbody>
     </tbody>
 </table>
 </table>
-{{/each}}
+{{/each}}

@@ -21,17 +21,24 @@ section {
 
 
 .srv-list-box {
 .srv-list-box {
     height: 820px;
     height: 820px;
-    margin-top: 80px;
+    margin: 80px 20px;
 
 
     .srvc {
     .srvc {
         float: left;
         float: left;
-        margin-left: 20px;
-        margin-right: 20px;
+        margin: 20px;
         background-color: #1da9fc;
         background-color: #1da9fc;
         color: #fff;
         color: #fff;
         cursor: pointer;
         cursor: pointer;
         box-shadow: 0 0 1px 1px #0986ce;
         box-shadow: 0 0 1px 1px #0986ce;
         border: none;
         border: none;
+        overflow: hidden;
+        table-layout: fixed;
+        width: 23.65%;
+    }
+
+    .srvc > tbody > tr > td {
+        overflow: hidden;
+        width: 50%;
     }
     }
 }
 }