表头固定

app/view/sp_setting/user_modal.ejs

@@ -147,21 +147,25 @@
                     <div class="col-4">
                         <div class="modal-height-500 scroll-y">
                             <table class="table table-bordered">
-                                <tr class="text-center"><th width="15%"><input type="checkbox" id="cub-sp-all"></th><th>项目名称</th></tr>
+                                <thead class="text-center" style="position: sticky; top:0; z-index:1;"><tr><th width="15%"><input type="checkbox" id="cub-sp-all"></th><th>项目名称</th></tr></thead>
+                                <tbody>
                                 <% for (const sp of subProjects) { %>
                                 <% if (sp.id === ctx.subProject.id) continue; %>
                                 <tr><td class="text-center"><input type="checkbox" name="cub-sp-check" spid="<%- sp.id %>"></td><td><%- sp.name %></td></tr>
                                 <% } %>
+                                </tbody>
                             </table>
                         </div>
                     </div>
                     <div class="col">
                         <div class="modal-height-500 scroll-y">
-                            <table class="table table-bordered scroll-y">
-                                <tr class="text-center"><th width="15%"><input type="checkbox" id="cub-user-all"></th><th width="20%">用户</th><th width="30%">职位</th><th>单位</th></tr>
+                            <table class="table table-bordered">
+                                <thead style="position: sticky; top:0; z-index:1;"><tr class="text-center"><th width="15%"><input type="checkbox" id="cub-user-all"></th><th width="20%">用户</th><th width="30%">职位</th><th>单位</th></tr></thead>
+                                <tbody>
                                 <% for (const u of subProjectAllAccountList) { %>
                                 <tr><td class="text-center"><input type="checkbox" name="cub-user-check" uid="<%- u.id %>"></td><td><%- u.name %></td><td><%- u.role %></td><td><%- u.company %></td></tr>
                                 <% } %>
+                                </tbody>
                             </table>
                         </div>
                     </div>