<cell>

<cell> is a Sectional component. It is the smallest element of a <tabular> block of text or data inside a <table>.

Attributes and Properties

Example: <cell> inside a <table>

Each <cell> component defines a single entry in the <table>.

Attribute Example: colSpan

The colSpan attribute allows a single <cell> to span across multiple columns. This attribute can also be used across all rows to create visually wider “columns” within a table.

Attribute Example: hAlign

The hAlign attribute governs the horizontal alignment of content within the <cell>. The default horizontal alignment is left.

Attribute Example: bottom

The bottom attribute specifies a bounding line at the bottom of the <cell>.

Attribute Example: right

The right attribute specifies a bounding line at the right edge of the <cell>.

Attribute Example: prefill

The prefill attribute provides another way to specify content within the cell.

Property Example: Attributes as properties

All of the attributes available to the <cell> component can also be accessed as properties.

Property Example: inHeader

The inHeader property returns the boolean value corresponding to whether the <cell> occurs within a header <row>.

Property Example: text

  <table>
    <tabular top="minor">
      <row>
        <cell name="c1">A</cell>
        <cell>B</cell>
      </row>
    </tabular>
  </table> 
  <p>First cell, <c>text</c> = $c1.text</p>      

The text property returns the text value stored within the <cell>.

Property Example: math

  <table>
    <tabular top="minor">
      <row>
        <cell name="c1"><math>pi/4</math></cell>
        <cell><math>3/5 x</math></cell>
      </row>
    </tabular>
  </table> 
  <p>First cell, <c>math</c> = $c1.math</p> 

The math property returns the math value stored within the <cell>.

Property Example: number

  <table>
    <tabular top="minor">
      <row>
        <cell name="c1"><math>pi/4</math></cell>
        <cell><math>3/5</math></cell>
      </row>
    </tabular>
  </table> 
  <p>First cell, <c>number</c> = $c1.number</p> 

The number property returns the numerical value stored within the <cell>.