From df3f59ca3d5033d0116fc76113de3a67abfc4ec1 Mon Sep 17 00:00:00 2001
From: hjm <63528605@qq.com>
Date: Tue, 15 Oct 2019 09:37:58 +0800
Subject: [PATCH] substring

---
 .../modules/courses/members/CourseGroupListTable.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/react/src/modules/courses/members/CourseGroupListTable.js b/public/react/src/modules/courses/members/CourseGroupListTable.js
index e26e951ce..84edb2fc5 100644
--- a/public/react/src/modules/courses/members/CourseGroupListTable.js
+++ b/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>
     )