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/spotdata/list_spotdata.jsp

    r7932 r7938  
    151151    <ext:scripts context="<%=jspContext%>" />
    152152    <ext:stylesheets context="<%=jspContext%>" />
     153    <style>
     154    .row-index > div
     155    {
     156      grid-template-columns: 1fr !important;
     157    }
     158    .row-index .index
     159    {
     160      padding-right: 3px;
     161    }
     162    </style>
    153163  </base:head>
    154164  <base:body>
     
    197207      subcontext="<%=subContext%>"
    198208      filterrows="<%=cc.getFilterRows()%>"
    199       subclass="fulltable sticky-headers"
     209      subclass="fulltable"
     210      stickyheaders="rep.externalId"
    200211      >
    201212      <tbl:hidden
     
    315326        <tbl:headers>
    316327          <tbl:headerrow>
    317             <tbl:header
    318               clazz="index"
    319               colspan="2"
    320             />
     328            <tbl:header clazz="row-index bg-filled-100" />
    321329            <tbl:columnheaders />
    322330          </tbl:headerrow>
     
    329337            %>
    330338            <tbl:headerrow>
    331               <tbl:header subclass="index" />
    332               <tbl:header
    333                 subclass="icons"
    334                 visible="<%=mode.hasIcons()%>"
    335                 >
    336                 <base:icon
    337                   subclass="link table-filter-row-action"
    338                   image="add.png"
    339                   tooltip="Add extra filter row"
    340                   visible="<%=lastRow%>"
    341                 /><base:icon
    342                   subclass="link table-filter-row-action"
    343                   image="remove.png"
    344                   tooltip="Remove this filter row"
    345                   visible="<%=numRows > 1 || numFilters > 0 %>"
    346                   data-remove-row="<%=filterNo%>"
    347                 />
     339              <tbl:header subclass="row-index bg-filled-100">
     340                <div class="index-<%=mode.getName()%>">
     341                  <div class="icons">
     342                    <base:icon
     343                      subclass="link table-filter-row-action"
     344                      image="add.png"
     345                      tooltip="Add extra filter row"
     346                      visible="<%=lastRow%>"
     347                    /><base:icon
     348                      subclass="link table-filter-row-action"
     349                      image="remove.png"
     350                      tooltip="Remove this filter row"
     351                      visible="<%=numRows > 1 || numFilters > 0 %>"
     352                      data-remove-row="<%=filterNo%>"
     353                    />
     354                  </div>
     355                </div>
    348356              </tbl:header>
    349357              <tbl:propertyfilter row="<%=filterNo%>" />
     
    378386              %>
    379387              <tbl:row>
    380                 <tbl:header
    381                   clazz="index"
    382                   ><%=index%></tbl:header>
    383                 <tbl:header
    384                   clazz="icons"
    385                   visible="<%=mode.hasIcons()%>"
    386                   >&nbsp;</tbl:header>
     388                <tbl:header clazz="row-index bg-filled-100">
     389                  <div class="index-<%=mode.getName()%>">
     390                    <div class="index <%=index>999?"index-smaller":""%>"><%=index%></div>
     391                  </div>
     392                </tbl:header>
    387393                <%
    388394                int i = 1;
Note: See TracChangeset for help on using the changeset viewer.