Fixed the position of Data grid 2 Headers

0
Hi Team, How to fix the position of Datagrid 2 headers.  
asked
2 answers
1

Hi Priyanka,

use the below code to make it stick on the page

use the tracker table as class for the datagrid2 and make the datagrid2 to some fixed height as it will get scroll to have a clear view and add overflow-y: auto to that datagrid. 

.tracker_table .mx-name-head-row {

  1. position: sticky;
  2. top:0px;
  3. background-color: #f7f3ff !important;

}

answered
0

Go to your project's theme folder and open the custom-variables.scss

Add the following CSS

.datagrid-header

{   

position: sticky;   

top: 0;   

z-index: 10;    

background-color: white;    

box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);  (Optional)

}

answered