diff --git a/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js b/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
index 6155b1bfb..e149035d9 100644
--- a/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
+++ b/public/react/src/modules/courses/exercise/Studentshavecompletedthelist.js
@@ -661,7 +661,7 @@ class Studentshavecompletedthelist extends Component {
 					key: 'classroom',
 					dataIndex: 'classroom',
 					align: 'center',
-					className: "edu-txt-center font-14",
+					className: "edu-txt-center font-14 maxnamewidth260",
 					width:"260px",
 					render: (text, record) => (
 						<span>
@@ -669,15 +669,15 @@ class Studentshavecompletedthelist extends Component {
 								<span style={{
 									color: '#999999',
 									textAlign: "center"
-								}}>--</span>  : record.classroom === "" ?
+								}}  className="maxnamewidth260">--</span>  : record.classroom === "" ?
 									<span style={{
 										color: '#999999',
 										textAlign: "center"
-									}}>--</span> :
+									}} className="maxnamewidth260">--</span> :
 									<span style={{
 										color: '#07111B',
 										textAlign: "center"
-									}}>{record.classroom}</span>
+									}} className="maxnamewidth260">{record.classroom}</span>
 							}
 
         </span>
@@ -904,14 +904,14 @@ class Studentshavecompletedthelist extends Component {
 					key: 'classroom',
 					dataIndex: 'classroom',
 					align: 'center',
-					className: "edu-txt-center font-14",
+					className: "edu-txt-center font-14 maxnamewidth260",
 					width:'260px',
 					render: (text, record) => (
 						<span>
 							{record.classroom==="--"?
-								<span style={{color: '#999999', textAlign: "center"}}>{record.classroom}</span>
+								<span style={{color: '#999999', textAlign: "center"}} className="maxnamewidth260">{record.classroom}</span>
 								:
-								<span style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</span>
+								<span style={{color: '#07111B', textAlign: "center"}} className="maxnamewidth260">{record.classroom}</span>
 							}
         </span>
 					)
@@ -1100,14 +1100,14 @@ class Studentshavecompletedthelist extends Component {
 					key: 'classroom',
 					dataIndex: 'classroom',
 					align: 'center',
-					className: "edu-txt-center font-14",
+					className: "edu-txt-center font-14 maxnamewidth260 ",
 					width:'260px',
 					render: (text, record) => (
 						<span>
 							{record.classroom==="--"?
-								<span style={{color: '#999999', textAlign: "center"}}>{record.classroom}</span>
+								<span style={{color: '#999999', textAlign: "center"}} className="maxnamewidth260">{record.classroom}</span>
 								:
-								<span style={{color: '#07111B', textAlign: "center"}}>{record.classroom}</span>
+								<span style={{color: '#07111B', textAlign: "center"}} className="maxnamewidth260">{record.classroom}</span>
 							}
         </span>
 					)
diff --git a/public/react/src/modules/courses/exercise/yslexercisetable.css b/public/react/src/modules/courses/exercise/yslexercisetable.css
index 98d7e6855..b638aa304 100644
--- a/public/react/src/modules/courses/exercise/yslexercisetable.css
+++ b/public/react/src/modules/courses/exercise/yslexercisetable.css
@@ -47,3 +47,11 @@
     white-space:nowrap;
     cursor: default;
 }
+
+.maxnamewidth260 {
+    max-width: 260px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: default;
+}