Splunk Search

How to make first two columns and header of those two sticky in a table?

power12
Communicator

I am trying to make first two columns of a table output to be sticky...I can do one by using 

 

 

 <html>
        <style>
          #myTable th:first-child,td:first-child {
left:0;
z-index: 9999;
position: sticky;
}

 

 

The above code works for one column on the left..But I want two to be sticky

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust
          #myTable th:nth-child(2), td:nth-child(2){
            left: 60px !important;
            position: sticky;
            z-index: 9998;
          }

The left position has to take into account the width of the first column + two lots of padding. You may also find that it may depend on the screen resolution being used.

0 Karma

power12
Communicator

This worked.

 

<html>
        <style>
          #myTable th:first-child,td:first-child {
left:0;
z-index: 9999;
position: sticky;
}
            #myTable th:nth-child(2), td:nth-child(2){
            left: 110px !important;
            position: sticky;
            z-index: 9998;
          }
        </style>
      </html>
0 Karma

power12
Communicator

@ITWhisperer  I tried the code but while scrolling I see only second column moving to right while scrolling to right

0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...