search

labsyspharm / smallmoleculesuite

MIT License
5 stars 2 forks source link

Tables — header alignment #26

Closed nteetor closed 4 years ago

nteetor commented 4 years ago

All column headers need to be aligned with the column data.

zross commented 4 years ago

The alignment here is better but why is it not "really" aligned (see below). Can you use the HEAT settings or is there more to this?

Here is the table for HEAT:

image

Here is the table for Harvard:

image

nteetor commented 4 years ago

I would guess there is some css adjustment in HEAT. I will look at the page layout.

The second image is DT's default. At one point there was a request to center the headers and we undid that this round.

nteetor commented 4 years ago

Okay, the trick is use the padding from the table cells on the header,

th { 
  padding: 8px 10px;
  padding-right: 18px;
}

Extra padding must be left on the right to account for the sort column icon.

image