2 ng-重复，2个在一个表内

Question

enter image description here我一直试图将这两个表连接成一个（一个旁边一个），但在tbody之后，第二个表出现在新行和第一个表下面。有人可以就如何使它们显示为一个提供一些指导。

 <style>
                table, td, th {
                    border: 1px solid black;
                }

                table {
                    border-collapse: collapse;
                    width: 50%;

                }

                th {
                    height: 50px;
                }

            </style>
             <table>
                <thead>
                    <tr>
                        <th style="margin-right: 1px;">ID</th>
                        <th>Username</th>
                        @*<th>Password</th>We need to delete this but in case of resetting option for admin we leave it for now!*@
                        <th>Fullname</th>
                        <th>Organization</th>
                        <th>Occupation</th>
                        <th>Gender</th>
                        <th>Email</th>
                        @*<th>Password1</th> We need to delete this but in case of changes we leave it for now!*@
                        <th></th>
                    </tr>
                </thead>
                <tbody ng-repeat="eUser in mList.ListUser" >
                    <tr>
                        <td>{{ eUser.ID }}</td>
                        <td>{{ eUser.Username }}</td>
                        @*<td>{{ eUser.Password }}</td> We need to delete this but in case of resetting option for admin we leave it for now! *@
                        <td>{{ eUser.Fullname }}</td>
                        <td>{{ eUser.Organization }}</td>
                        <td>{{ eUser.Occupation }}</td>
                        <td>{{ eUser.Gender }}</td>
                        <td>{{ eUser.Email }}</td>
                        @*<td>{{ eUser.Password1 }}</td>We need to delete this but in case of changes we leave it for now!*@

                    </tr>


                </tbody>
                 <thead>
                     <tr>

                         <th>School Profile</th>
                         <th>DataHub</th>
                         <th>WiderAchieve</th>
                         <th>Enable</th>
                         @*<th>Password1</th> We need to delete this but in case of changes we leave it for now!*@
                     </tr>
                 </thead>
                 <tbody ng-repeat="eRequest in mList.ListRequest">
                     <tr>
                         <td>{{ eRequest.Schoolpro }}</td>
                         <td>{{ eRequest.Widerach }}</td>
                         <td>{{ eRequest.Datahub }}</td>
                         @*<td>{{ eUser.Password1 }}</td>We need to delete this but in case of changes we leave it for now!*@

                         <td><input type="checkbox" ng-model="eUser.Enable" disabled /></td>
                         <td>
                             <button type="button" ng-click="doView(eUser)">View</button>
                             <button type="button" ng-click="doEdit(eUser)">Edit</button>
                             <button type="button" ng-click="doDelete(eUser)">Delete</button>
                         </td>
                     </tr>
                     </tbody>
    </table>

谢谢Tables Image