Ignore:
Timestamp:
May 3, 2021, 1:20:19 PM (3 months ago)
Author:
Nicklas Nordborg
Message:

References #2246: Sticky table headers

Implemented for all items in the "View" menu.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/3.18-stable/www/views/experiments/explorer/search/list.jsp

    r7932 r7938  
    2424  @version 2.0
    2525--%>
     26<%@page import="net.sf.basedb.clients.web.ModeInfo"%>
    2627<%@ page pageEncoding="UTF-8" session="false"
    2728  import="net.sf.basedb.core.SessionControl"
     
    7374final float scale = Base.getScale(sc);
    7475final String root = request.getContextPath();
     76final ModeInfo mode = ModeInfo.DEFAULT;
    7577
    7678final int bioAssaySetId = Values.getInt(request.getParameter("bioassayset_id"));
     
    110112  %>
    111113  <base:page title="<%=title%>">
    112   <base:head scripts="table.js,tabcontrol-2.js,~list.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css" />
     114  <base:head scripts="table.js,tabcontrol-2.js,~list.js" styles="table.css,toolbar.css,headertabcontrol.css,path.css">
     115  <style>
     116    .row-index > div
     117    {
     118      grid-template-columns: 1fr !important;
     119    }
     120    .row-index .index
     121    {
     122      padding-right: 3px;
     123    }
     124  </style
     125  </base:head>
    113126  <base:body>
    114127    <p:path><p:pathelement
     
    134147      subcontext="<%=subContext%>"
    135148      filterrows="<%=cc.getFilterRows()%>"
    136       subclass="fulltable sticky-headers"
     149      subclass="fulltable"
     150      stickyheaders="externalId"
    137151      >
    138152      <tbl:hidden
     
    197211        <tbl:headers>
    198212          <tbl:headerrow>
    199             <tbl:header clazz="icons"/>
     213            <tbl:header clazz="row-index bg-filled-100" />
    200214            <tbl:columnheaders />
    201215          </tbl:headerrow>
     
    208222            %>
    209223            <tbl:headerrow>
    210               <tbl:header subclass="icons">
    211                 <base:icon
    212                   subclass="link table-filter-row-action"
    213                   image="add.png"
    214                   tooltip="Add extra filter row"
    215                   visible="<%=lastRow%>"
    216                 /><base:icon
    217                   subclass="link table-filter-row-action"
    218                   image="remove.png"
    219                   tooltip="Remove this filter row"
    220                   visible="<%=numRows > 1 || numFilters > 0 %>"
    221                   data-remove-row="<%=filterNo%>"
    222                 />
     224              <tbl:header subclass="row-index bg-filled-100">
     225                <div class="index-<%=mode.getName()%>">
     226                  <div class="icons">
     227                    <base:icon
     228                      subclass="link table-filter-row-action"
     229                      image="add.png"
     230                      tooltip="Add extra filter row"
     231                      visible="<%=lastRow%>"
     232                    /><base:icon
     233                      subclass="link table-filter-row-action"
     234                      image="remove.png"
     235                      tooltip="Remove this filter row"
     236                      visible="<%=numRows > 1 || numFilters > 0 %>"
     237                      data-remove-row="<%=filterNo%>"
     238                    />
     239                  </div>
     240                </div>
    223241              </tbl:header>
     242
    224243              <tbl:propertyfilter row="<%=filterNo%>" />
    225244            </tbl:headerrow>
     
    252271          %>
    253272          <tbl:row>
    254             <tbl:header
    255               clazz="icons"
    256               style="padding-right: 3px;"
    257               ><span class="link auto-init"
     273            <tbl:header clazz="row-index bg-filled-100">
     274              <div class="index-<%=mode.getName()%>">
     275                <div class="index <%=rowIndex>999?"index-smaller":""%>"><span class="link auto-init"
    258276                data-auto-init="view-reporter"
    259                 data-index="<%=rowIndex-1%>"><%=rowIndex%></span></tbl:header>
     277                data-index="<%=rowIndex-1%>"><%=rowIndex%></span></div>
     278              </div>
     279            </tbl:header>
    260280            <%
    261281            int colIndex = 2;
Note: See TracChangeset for help on using the changeset viewer.