19 votes
Accepted

Icons in table head - good practices

In this question you can see several answers about when to use text vs icons. I would go for all text as icons are not always understandable by everyone in the same way and some of them depend on the ...
Alvaro's user avatar
  • 16.8k
12 votes

Icons in table head - good practices

I would take into consideration 3 factors: 1. The Icons How Obvious are the icons? Are they commonly known and used for a single purpose? or you are developing your own icons? 2. The Users Would ...
UX Labs's user avatar
  • 2,455
6 votes

How to arrange columns in a table appropriately?

The first column should be a primary column by which the user can scan down the list of items in the table. Typically a table will be sorted and that could be by any of the columns but by default ...
Roger Attrill's user avatar
4 votes

Can I have multiple rows with <th> in a table

This is allowed and there are ways to structure your markup to aid accessibility. In general, you provide unique IDs for each <th> and then each <td> lists which headers apply to itself. ...
Nathan Rabe's user avatar
  • 8,888
4 votes

Horizontal and vertical alignment of headers in property tables

Option three is the right one, although the most relevant problem is not the alignment of the label but the relationship with the content between cells: The different distance in the horizontal ...
Danielillo's user avatar
  • 18.9k
4 votes
Accepted

Table headers style: repetition

In this case you're saving exactly one character ("IPv4" vs "-/-") which isn't worth the extra effort that your users need to expend in order to figure out what you meant. Also this symbol of ...
Vitaly Mijiritsky's user avatar
4 votes

Best UI approach to align the column titles of reports

Numerical data is right-aligned. Textual data is left-aligned because is read from left-to-right. Headers are aligned with their data and center alignment is not recommended. I know that this ...
Madalina Taina's user avatar
3 votes

Column header name suggestions

I guess that comment is an answer Don't make the user guess with vague, systems-centric labels like "state". If the switch represents turning policy enforcement on or off: Enforce policy
plainclothes's user avatar
  • 21.3k
2 votes

Best UI approach to align the column titles of reports

This is an old question but I recall a professors' advice years ago that I use: if it would/could be summed up or added or is currency or quantity, right align if it's text or sentences or words, ...
danno_blammo's user avatar
2 votes

What is the recommended header for a table column showing date and time?

I would go for Last changed or Date added. The user knows he is seeing a date and a time. You don't have to tell him. The user wants to know what this date means that he is seeing. That's not clear ...
Noah Krasser's user avatar
2 votes
Accepted

Elegant layout for a table with long row / column headers but simple cells

Trying to fit in too much content when the space doesn't allow for it is never an ideal user experience, but if you are talking about a compromise, the use of diagonal headings seems to work sometimes....
Michael Lai's user avatar
  • 26.9k
1 vote

Best practises for tables with header titles in both axis (vertical/horizontal)

You left out an obvious form: Columnar with two-row headers for some columns. It's like your Fig.1, but conveys the associations of the various headers semantically, for the benefit of screen readers ...
FeRD's user avatar
  • 111
1 vote

How do I indicate that a column in a data table has been added or changed?

Do a little UI highlight animation on the column(s) updated. It could be a short pulsing effect for the highlight. Example... not exactly, but something like this: https://dribbble.com/shots/2201819-...
gpgpgp's user avatar
  • 485
1 vote
Accepted

How do I indicate that a column in a data table has been added or changed?

Here's a few suggestions Have a collapsed/hidden view of the column (ex. slightly smaller and greyed out) Have a toggle to hide & unhide columns/elements that the user can easily see and click ...
Mircea Anton's user avatar
1 vote
Accepted

Sorting by table column with dropdown in the header

Yes this makes sense, but I'd make one change and give two suggestions. I'd change the ascending/descending toggle so that it shows what state is selected with a heavier stroke for the current sort ...
Luke's user avatar
  • 131
1 vote

Table headers style: repetition

If you give this table a title called "IP4 Addresses" and now your column headings can just be: Wanted Used Wasted This is a different way to remove the repetition.
SteveD's user avatar
  • 8,924
1 vote

Where to place headings/dimension names in table/matrix?

The Title ( and maybe subtitle ) should convey this information. I took the liberty of freeing your data from it's cells, pivoting the table,adding some breathing room and other niceties, this is not ...
Keno's user avatar
  • 421

Only top scored, non community-wiki answers of a minimum length are eligible