AnsweredAssumed Answered

How to center align onDemandGrid headers

Question asked by Grieck on Apr 4, 2017
Latest reply on Apr 4, 2017 by Grieck

Hello,

I'm using WAB 2.2 with the Jewelry Box theme and I am using dgrid's onDemandGrid and would like to center align specific column headers but not all headers in a grid. How would I go about accomplishing this?

I have the following in my css file:

.mywidget h3 {  
   font
-size: 1.2em;
}
.mywidget h3, p {
  margin-top: 0;
}
.dgrid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    font-size:larger;
}
.dgrid-row-odd {
  background: #F2F5F9;
}
.dgrid-column-A {
  width: 80px;
}
.dgrid-column-B {
  width: 120px;
}
.dgrid-column-C {
  width: 80px;
}
.dgrid-column-D {
  width: 120px;
}
.dgrid-column-E {
  width: 50px;
}
.dgrid-column-F {
  width: 70px;
}

Thank You,

Greg

Outcomes