I have found some good posts to use </style> to format an html table. I was hoping to find a way to make columns different fixed widths. I only see how to make them all fixed, but equal. Can we do this?
<style>
table{
background-color: #e3e5e8;
text-align:left;
font:arial;
border: 1px solid black;
border-collapse: collapse;
table-layout: fixed;
width: 1800px;
column-width: 300px
}
</style>
Thank you.
Solved! Go to Solution.
Hi @martinav
You can try auto width table(fluid) ,something like following:
<table class="EmailTable" cellspacing="4" cellpadding="2" width="100%" rules="rows" style="border-collapse:collapse;color:#1f2240;background-color:#ffffff">
<caption style="background-color:#ffffff;color:#1f2240;margin-bottom:.5em;font-size:18pt;width:100%;border:0">My Email Table</caption>
<thead style="100%;color:#ffffff;background-color:#1f2240;font-weight:bold">
<tr>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">Number</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">Name</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">A Score</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">B Score</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">C Score</th>
</tr></thead><tbody>
<tr><td>N1</td><td>My Test Name</td><td>0</td><td>75.5</td><td>85.75</td></tr>
<tr><td>N2</td><td>Your Test Name 123</td><td>0</td><td>39.5</td><td>126</td></tr>
<tr><td>N3</td><td>This is an fromated Email</td><td>0</td><td>36</td><td>84</td></tr>
</tbody></table>
——————————————————
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
hi @martinav you need to create more css plese see this example
http://jsfiddle.net/GlauberRocha/xkuRA/2/
Proud to be a Flownaut!
Hi @martinav
You can try auto width table(fluid) ,something like following:
<table class="EmailTable" cellspacing="4" cellpadding="2" width="100%" rules="rows" style="border-collapse:collapse;color:#1f2240;background-color:#ffffff">
<caption style="background-color:#ffffff;color:#1f2240;margin-bottom:.5em;font-size:18pt;width:100%;border:0">My Email Table</caption>
<thead style="100%;color:#ffffff;background-color:#1f2240;font-weight:bold">
<tr>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">Number</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">Name</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">A Score</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">B Score</th>
<th scope="col" style="background-color:#1f2240;color:white;text-align: left;">C Score</th>
</tr></thead><tbody>
<tr><td>N1</td><td>My Test Name</td><td>0</td><td>75.5</td><td>85.75</td></tr>
<tr><td>N2</td><td>Your Test Name 123</td><td>0</td><td>39.5</td><td>126</td></tr>
<tr><td>N3</td><td>This is an fromated Email</td><td>0</td><td>36</td><td>84</td></tr>
</tbody></table>
——————————————————
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
Hi @martinav ,
Please take a try with @DeepakS and @ChristianAbata 's suggestion and let me know if your problem could be solved.
Best regards,
Alice
Community Support Team _ Alice Zhang
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
I see you accepted DePaks answer on my behalf as a solution. For the record, this is fine to format a table with given entries, but not for a table created from other automated means.
I have not had time to revisit this issue. I will update later.
@martinav @Deepak-S @ChristianAbata . Can you tell me how to adjust the width of the column when creating a CSV Table, rather than HTML table?
@J-lee please could you open a new post? I can help you there, this post is already answered
Proud to be a Flownaut!
User | Count |
---|---|
78 | |
56 | |
53 | |
43 | |
39 |
User | Count |
---|---|
80 | |
80 | |
75 | |
67 | |
43 |