From 4e7f618b9c09d1930cde76dfb08f23174a3edf1b Mon Sep 17 00:00:00 2001
From: loganhz <logan@rancher.com>
Date: Tue, 24 Apr 2018 15:47:35 +0800
Subject: [PATCH] Fix group by style issue

https://github.com/rancher/rancher/issues/13018
---
 lib/shared/addon/components/node-group/component.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/lib/shared/addon/components/node-group/component.js b/lib/shared/addon/components/node-group/component.js
index 6261c12d4..c35d7000c 100644
--- a/lib/shared/addon/components/node-group/component.js
+++ b/lib/shared/addon/components/node-group/component.js
@@ -14,6 +14,7 @@ export default Component.extend({
   afterState: 0,
   alignState: 'text-center',
   showActions: true,
+  nameSpan: null,
 
   nodes: null,
   nodeId: null,
@@ -27,5 +28,13 @@ export default Component.extend({
       const targetNode = nodes.find(n => n.id === nodeId && n.clusterId === clusterId);
       set(this, 'model', targetNode);
     }
+    
+    const nameSpan = get(this,'fullColspan') - 
+      ( get(this, 'afterName') ? 1 : 0 ) - 
+      ( get(this, 'showState') ? 1 : 0 ) -
+      ( get(this, 'afterState') ? 1 : 0 ) -
+      ( get(this, 'showActions') ? 1 : 0 );
+
+    set(this, 'nameSpan', nameSpan);
   },
 });