substring

public/react/src/modules/courses/members/CourseGroupListTable.js

@@ -93,7 +93,9 @@ function CourseGroupListTable(props) {
                 width:"27%",
                 className:"color-grey-6",
                 render: (member_manager, record, index) => {
-                    return member_manager
+                    return <span className=""
+                        title={record.subStringOfMember_manager ? member_manager : ''}
+                    >{record.subStringOfMember_manager || member_manager}</span>
                 }
             })
             const aCol = (isAdmin ? {
@@ -193,6 +195,13 @@ function CourseGroupListTable(props) {
 
     const course_groups = props.course_groups
     const columns = buildColumns()
+    const dataSource = course_groups.map(item => {
+        return {
+            ...item,
+            subStringOfMember_manager : item.member_manager.length > 92 
+                ? item.member_manager.substring(0, 92) + '...' : null
+        }
+    })
     return (
         <React.Fragment>
             <style>{`
@@ -202,7 +211,7 @@ function CourseGroupListTable(props) {
                 }
             `}</style>
             {/* onChange={onTableChange}  */}
-            <Table columns={columns} dataSource={course_groups} pagination={false} className="groupListTable"></Table>
+            <Table columns={columns} dataSource={dataSource} pagination={false} className="groupListTable"></Table>
            
         </React.Fragment>
     )