Math Tables

Math Solution Tables

Implemented when there are multiple steps in a mathematical equation, often seen in algebra. Each step of the equation is a “row” of the table, and each row is aligned around the equal sign text book convention). Math solution tables also allows for the option of an explanation on the right hand side of the table.

Presentation

math-solution-tables

Example

math-solution-tables-example

HTML

<table class=“math-solution”>
  <tbody>
  <tr>
    <td>2<em>J</em>&nbsp;&minus;&nbsp;6</td>
    <td>&nbsp;=&nbsp;</td>
    <td>4(<em>J</em>&nbsp;&minus;&nbsp;6)</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>2<em>J</em>&nbsp;&minus;&nbsp;6</td>
    <td>&nbsp;=&nbsp;</td>
    <td>4<em>J</em>&nbsp;&minus;&nbsp;24</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>18</td><td>&nbsp;=&nbsp;</td>
    <td>2<em>J</em></td><td>&nbsp;</td>
  </tr>
  <tr>
    <td>9</td><td>&nbsp;=&nbsp;</td><td><em>J</em></td>
    <td>(<em>Answer</em>)</td>
  </tr>
  </tbody>
</table>

Math Translation

Alignment arranged with arrows used with math or english. Unique features include automatic sentence structure.

Presentation

math-translation-example

Example

math-translation-tables-example

HTML

<table class=“math-translation”>
  <tbody>
  <tr>
    <td><strong>3%</strong></td><td><strong>of</strong></td>
    <td><strong>5</strong></td><td>translates to:</td>
  </tr>
  <tr>
    <td>&darr;</td><td>&darr;</td>
    <td>&darr;</td><td>&nbsp;</td>
  </tr>
  <tr>
    <td>
      <math><mfrac><mn>3</mn><mn>100</mn></mfrac></math>
    </td>
    <td>&times;</td><td>5</td><td>&nbsp;</td>
  </tr>
  </tbody>
</table>