Column Freeze In Interactive report

 

I want to freeze the First  two columns and Last two columns in my Interactive Report.

My first two columns:
1. Shop Id

2. Shop Name

My Last two columns :

1. Status Code
2. Check_column

=============================================

Go to Inline CSS:

/* ------------column_freeze----------------- */

/* Freeze the first two columns */

#column_freeze th:nth-child(1),

#column_freeze td:nth-child(1),

#column_freeze th:nth-child(2),

#column_freeze td:nth-child(2) {

    position: sticky;

    left: 0;

    /*background-color: rgb(139, 139, 139);*/

    z-index: 1;

}

/* Adjust the left position for the second column */

#column_freeze th:nth-child(2),

#column_freeze td:nth-child(2) {

    left: 70px;   /* Adjust this value based on the width of the first column */

}

/* Freeze the last two columns */

#column_freeze th:nth-last-child(2),

#column_freeze td:nth-last-child(2),

#column_freeze th:last-child,

#column_freeze td:last-child {

    position: sticky;

    right: 0;

   /* background-color: rgb(158, 158, 158); */

    z-index: 1;

}

/* Adjust the right position for the second-to-last column */

#column_freeze th:nth-last-child(2),

#column_freeze td:nth-last-child(2) {

    right: 30px; /* Adjust this value based on the width of the last column */

}

Go to Report And Set Static ID: column_freeze