What Are Table Cell Properties?

-

 The ability to modify certain table cell properties can be found through the right click menu when clicking inside a table cell.

Modifying Cell Properties

  1. Use the right-click option on your mouse to open the table menu. 
    (NOTE: If your mouse does not feature right click option, press the Ctrl key on your keyboard, then click).

  2. Within this menu, scroll first over Cell (1), then Cell Properties (2).


  3. Modify cell properties as needed, then click OK to apply the changes.

 

 ==================================================

 

Understanding Available Cell Properties

Width / Height

By default, PolicyStat automatically sets the dimensions of the rows and columns in the table according to how much content is inside the table cell. Since cells are displayed in a grid-like pattern, the cell containing the most content will typically set the width and height of all cells adjacent to it and hence establish the width and height of related rows and columns in your table. 

The width and height properties explicitly set the dimensions of your table cells and thus exercise control over the width and height of rows and columns. The two options available for these attributes are to establish a fixed with in pixels* or a relative width equal to a percentage of the total table.

 

*A pixel is the smallest unit of a digital image or graphic that can be displayed and represented on a digital display device.

------------------------------------------------------------------------------------------- 

Word Wrap

The word-wrap property allows long words to be able to be broken and wrap onto the next line. It is set to be applied by default, but can be switched off if desired.

------------------------------------------------------------------------------------------- 

Horizontal Alignment

The Horizontal Alignment property defines where in the cell the content aligns, left, center, right, or justified. With Justify, text is aligned along the left margin, and letter- and word-spacing is adjusted so that the text falls flush with both margins.

------------------------------------------------------------------------------------------- 

Vertical Alignment

The Horizontal Alignment property defines where in the cell the content aligns, top, middle, bottom, or baseline. With Baseline, the content aligns with the baseline of the cell around it. This is the default setting.

------------------------------------------------------------------------------------------- 

Cell Type

The default cell type is Data which contains standard content. Alternatively, a cell can be set as a header cell, which applies a bold formatting and a center alignment.

------------------------------------------------------------------------------------------- 

Row and Column Span

The Rows Span and Columns span properties define how many rows or columns a cell should extend. As an example, if the top row should extend across 4 cells, the column span property for that cell should be set as 4. Conversely, if the first column should extend across 3 rows, set the rows to span property as 3. 

An example of this scenario is shown below.


==================================================

Background Color and Border Color

backgroundColor.png

The Background Color and Border Colors offer the ability to modify individual cell properties to reflect colors. For reasons of both accessibility standards and usability, we recommend against using colors for tables.

If you choose to do so, please enter the corresponding Hex code in the box to reflect the desired color. In addition to the code, please ensure you add a # in front. For example, the properly entered hex code #00000 will display the color black. 00000 will not display the desired colors.

For guidance on selecting the right colors, please visit the WebAIM Color Contrast Checker. This site also features information about accessibility considerations to accommodate users with color blindness or other visual impairments. This includes a guide to selecting the right colors to ensure proper contrast.  


==================================================

This article applies to the following user roles:

owner.png approver.png aeditor.png amanager.png siteAdmin.png

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments