Columns and Header are misalignment

[Nathan2020-0126]

The header is not on the top of columns, it shifts to right. and the further to the right, the more misalignment

is it because of the container div has padding?

[Nathan2020-0126]

This is solved by adding below style

.fix-grid-header .slick-header-column {
  /*  padding: 5px 0px 5px 0px !important;*/
  box-sizing: border-box !important;
  height:28px !important;
}

.fix-grid-header .slick-header-columns {
  height: 28px;
}