Table columns are too close together

[pilara]

We need the ability to adjust table column widths. This is a known issue for Markdown (markedjs/marked#266 ). Can we customize our CSS to accommodate this? Here are some resources I found:

https://www.dokuwiki.org/wiki:syntax#tables
http://jsfiddle.net/iegik/3D2Fb/

[howarddierking]

In general, it's not a good idea to allow content authors to customize column width for each table. Tables are for tabular data - not for layout. This is particularly important when we consider the fact that the layout needs to be able to adapt to different environments like phones and tablets.

To quote from that same thread you linked to -

This feature does not make sense, because it depends too much on viewport size of the browser, or exactly on the width of the whole table. And these things are not known to the parser, nor renderer. This should be achieved with client-side javascript. What else - if anyone uses css table-layout: fixed, it breaks immediately.

So, what I'm really getting at is - is the requirement really to be able to customize column widths, or is the requirement to put more horizontal spacing (and other styles such as grid lines, alternating row colors, etc.) to tables?

[howarddierking]

wrt table styles, here are the styles offered by the template. Do any of these work?

[howarddierking]

I've gone ahead and picked a simple table style that I think looks pretty decent in Web and mobile views. Check out http://concur.github.io/developer.concur.com/api-reference/expense/allocations/allocations-resource.html and let me know if we can close this issue.

[pilara]

Yes. This looks great. Thanks.

[pilara]

Issue closed.