[ARCHIVED] How do I format a table in Announcements?

[mtalkmitt]

How do I widen columns in tables via Announcements?  How do I align the column content so it is at the top rather than the center?

[langlangcat]

First of all, using table is becoming more and more a "taboo" since mobile platforms find it hard to bootstrap them even you are not setting fixed width and height.

If you have to use table, and you have to edit it, some basic HTML will help. The Canvas rich text editor does not give you all the options. For example:

To increase the width of certain column, you need to readjust the percentage of the width, the table below has an even 1/3 width, but you can set it to 40%, 30%, and 30% or any proportion you need. 

<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 33.3333%;"></td>
<td style="width: 33.3333%;"></td>
<td style="width: 33.3333%;"></td>
</tr>
<tr>
<td style="width: 33.3333%;"></td>
<td style="width: 33.3333%;"></td>
<td style="width: 33.3333%;"></td>
</tr>
</tbody>
</table>

To align text, you need to add in this CSS inline to the table style: vertical-align: top

<table style="border-collapse: collapse; width: 100%; vertical-align: top; " border="1">

Hope this helps. Again, avoid using tables, there are better ways to organize your content. 

[mtalkmitt]

I thought about editing the HTML as I've had experience with HTML since the "visual web" first came about in the late 1990s. I also understand that tables are a pain when using a mobile device. Proximity Learning has a template I am suppose to use for lesson plans and it is a table... so.... maybe I'll propose to them an easier way to do lesson plans....

[nwilson7]

Hello, there is some control that you are looking for in the RCE if you are not an HTML person.  I will second though everything that  @langlangcat ‌ said with tables not being great for accessibility and are really hard to read on mobile devices as they are not responsive to screen size.

If you add a table, then click in the cell you want to format, you can then click back on the table button and choose the cell properties.  This will let you attempt to set the size (HTML is a sure fire way) and you are able to to the position settings you are looking to control.

-Nick

[mtalkmitt]

I thought about editing the HTML as I've had experience with HTML since the "visual web" first came about in the late 1990s. I also understand that tables are a pain when using a mobile device. Proximity Learning has a template I am suppose to use for lesson plans and it is a table... so.... maybe I'll propose to them an easier way to do lesson plans...

I tried using the column in table properties, so now I'll try with just the cell. When I selected the column, it applied it to another column too, but not the column I wanted even though I had it selected...