Header Row Obscures Editing Options

[telepet]

I've enabled editing functionality for a search results page.  When attempting the edit, the editing options are underneath the header row, making the editing options hard to see (see attached image).  In Chrome I can inspect the editing options window, adjusting its z-index from 100 to an arbritary 1200 and that brings the editing options window forward to the front.  However, I can't figure how to adjust this in Caspio.  

 

In my Caspio style source, I've experimented with the below z-index adjustment, but it hasn't worked:

{
                /*Results Page Grid Edit Action Container Attributes*/
                text-align: left;
                vertical-align: middle;
                padding: 0px 3px 0px 3px;
                white-space: nowrap;
                margin: 0px;
                border: none;
                width: auto;
                z-index: 1200;
}

 

[telepet]

I've experimented with different browsers, Safari & Chrome, with the same results.  Turning off sticky headers seems to fix the issue, but then you don't have awesome sticky headers.  My next step is to take a look at my site's CSS...

[PotatoMato]

Hi! Just to update, Caspio has added a solution to have a sticky header on responsive datapages: https://howto.caspio.com/tech-tips-and-articles/enabling-sticky-headers-in-responsive-tabular-reports/