CODEWITHSUNDEEP
cssgwt
Vishal Biyani
Vishal Biyani

Reputation: 4407

GWT FlexTable Header Column

I have CSS definitions for various elements around Table as shown below (Details omitted, only style names for reference). 

table.entities {
border: 1px solid #c5d7ef;
border-collapse: collapse;
width: 100%;
margin-bottom: 0;
}

table.entities th, table.entities td {
padding: .25em 1.5em .5em .5em;
}
table.entities th {
  font-weight: bold;
  text-align: left;
  background: #e5ecf9;
  white-space: nowrap;
}

table.entities th a, table.entities th a:visited {
  color: black;
  text-decoration: none;
}

table.entities td {
  background-color: #fff;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
}

table.entities tr.even td {
  background-color: #f9f9f9;
}

And I apply the styles for even rows like:

flexTable.getRowFormatter().getElement(row).setClassName("even");

But for some reason, the header styles are not applied to table. Here is what I have tried

Can anyone help me spotting where I might be going wrong?

Upvotes: 2

Views: 6059

Answers (1)

Strelok
Strelok

Reputation: 51441

I am pretty sure that the FlexTable does not render <th> tags. Everything is contained in the <tbody>.

You must also remember that the <tr> tag is pretty much unstylable so to style the whole row you need to apply the same style to all child <td> tags.

tr.someStyle td {
  /* all styles that apply to the row */
}

If you post your actual styles and what is not being applied, maybe we can help further.

Upvotes: 3

Related Questions