number and name col position fixed

Author: 喜喜懒羊羊

src/components/Projects/WBS/WBSItem/WBSItem.jsx

@@ -34,16 +34,16 @@ const WBSItem = ({ darkMode, index, name, wbsId, projectId, getPopupById, delete
   return (
     <React.Fragment>
       <tr>
-        <th scope="row">
-          <div>{index}</div>
+        <th scope="row" style={{ width: '150px', textAlign: 'center' }}>
+          {index}
         </th>
-        <td className="members__name taskName">
+        <td style={{ textAlign: 'left' }}>
           <NavItem tag={Link} to={`/wbs/tasks/${wbsId}/${projectId}/${name}`} className={darkMode ? 'text-azure' : ''}>
             {name}
           </NavItem>
         </td>
-        {canDeleteWBS ? (
-          <td className="members__assign">
+        <td style={{ width: '50px', textAlign: 'center' }}>
+          {canDeleteWBS ? (
             <button
               className="btn btn-outline-danger btn-sm"
               type="button"
@@ -52,8 +52,8 @@ const WBSItem = ({ darkMode, index, name, wbsId, projectId, getPopupById, delete
             >
               <i className="fa fa-minus" aria-hidden="true"></i>
             </button>
-          </td>
-        ) : null}
+          ) : null}
+        </td>
       </tr>
 
       <ModalDelete

src/components/Projects/WBS/wbs.jsx

@@ -68,7 +68,7 @@ const WBS = props => {
                 width: '100%',
                 textAlign: 'center',
                 fontWeight: 'bold',
-                fontSize: '1.5rem'  // 相当于 24px
+                fontSize: '1.5rem'  
               }}>{projectName}</div>
             </div>
           </nav>
@@ -89,10 +89,8 @@ const WBS = props => {
             <table className={`table table-bordered table-responsive-sm ${darkMode ? 'bg-yinmn-blue text-light dark-mode' : '' }`}>
               <thead>
                 <tr className={darkMode ? 'bg-space-cadet' : ''}>
-                  <th scope="col" id="members__order">
-                    #
-                  </th>
-                  <th scope="col" id="members__name">
+                  <th scope="col" style={{ width: '150px' }}>#</th>
+                  <th scope="col" style={{ textAlign: 'left' }}>
                     Name
                     <span style={{ marginLeft: '8px', cursor: 'pointer' }}>
                       <i
@@ -101,7 +99,7 @@ const WBS = props => {
                       ></i>
                     </span>
                   </th>
-                  <th scope="col" id="members__name"></th>
+                  <th scope="col" style={{ width: '50px' }}></th>
                 </tr>
               </thead>
               <tbody>
@@ -113,6 +111,7 @@ const WBS = props => {
                       wbsId={item._id}
                       projectId={projectId}
                       name={item.wbsName}
+                      darkMode={darkMode}
                     />
                   ) : null,
                 )}