<< Chapter < Page Chapter >> Page >

Alignment setting on individual row

<m:math display="block"> <m:mtable frame="solid" columnlines="solid" rowlines="solid" rowalign="top" columnalign="right"> <m:mtr> <m:mtd> <m:mi>xyx</m:mi> </m:mtd> <m:mtd> <m:mi>y</m:mi> </m:mtd> <m:mtd> <m:mi>z</m:mi> </m:mtd> </m:mtr> <m:mtr rowalign="bottom" columnalign="left"> <m:mtd> <m:mn>12</m:mn> </m:mtd> <m:mtd> <m:mn>2</m:mn> </m:mtd> <m:mtd> <m:mn>3111</m:mn> </m:mtd> </m:mtr> </m:mtable> </m:math>

Save the file after editing as “test.xml”. The display looks like :

xyx y z 12 2 3111

There appears serious gap in the specification for this element and implementation of the same by the browsers. For this reason, the "mlabeledtr" element is not described. Also related "side" and "minlabelspacing" of "mtable" elements are skipped. Instead, an example with equivalent effect for creating a labeled display is included in the next section titled “Application”.

The implementation of alignment within a cell is also not implemented by browsers at present. As such, "maligngroup" and "malignmark" elements along with associated "groupalign" attribute of "mtable" element are not considered.

Applications

Highlighting rows and columns with dashed line

Control on each column and row is not limited to alignment. The flexibility at the lowest level of creating table is extended to lines bordering table cells as well.

We can highlight a portion of table by assigning a particular row and column with “dashed” lines. This effect can be achieved by specifying individual row and column lines to be “dashed” as against “solid” or “none”. In the table here first row and column lines are set to none, while second row and column lines are set to “dashed”.

Highlighting rows and columns

<m:math display="block"> <m:mtable frame="solid" rowlines="none dashed" columnlines="solid dashed"> <m:mtr> <m:mtd> <m:mi>x</m:mi> </m:mtd> <m:mtd> <m:mi>y</m:mi> </m:mtd> <m:mtd> <m:mi>z</m:mi> </m:mtd> </m:mtr> <m:mtr> <m:mtd> <m:mn>a</m:mn> </m:mtd> <m:mtd> <m:mn>b</m:mn> </m:mtd> <m:mtd> <m:mn>c</m:mn> </m:mtd> </m:mtr> <m:mtr> <m:mtd> <m:mn>1</m:mn> </m:mtd> <m:mtd> <m:mn>2</m:mn> </m:mtd> <m:mtd> <m:mn>3</m:mn> </m:mtd> </m:mtr> </m:mtable> </m:math>

Save the file after editing as “test.xml”. The display looks like :

x y z a b c 1 2 3

Rows of equations

New rows in table can be introduced with “mtr” row element. This behavior is handy in displaying rows of mathematical expressions, using bare table as shown in the example :

Rows of equations

<m:math display="block"> <m:mtable> <m:mtr> <m:mtd> <m:mi>3x + y </m:mi> </m:mtd> <m:mtd> <m:mo>=</m:mo> </m:mtd> <m:mtd> <m:mn>6</m:mn> </m:mtd> </m:mtr> <m:mtr> <m:mtd> <m:mn>2x – y </m:mn> </m:mtd> <m:mtd> <m:mo>=</m:mo> </m:mtd> <m:mtd> <m:mn>4</m:mn> </m:mtd> </m:mtr> </m:mtable> </m:math>

Save the file after editing as “test.xml”. The display looks like :

3x + y = 6 2x – y = 4

Labelled equation

The label row is convenient to write numbered equation as shown here. This special row is implemented with "mlabelmtr" element.

Labelled row : equation number

<m:math display="block"> <m:mtable> <m:mlabeledtr> <m:mtd> <m:mrow> <m:mi>E</m:mi> <m:mo>=</m:mo> <m:mrow> <m:mi>m</m:mi> <m:msup> <m:mi>c</m:mi> <m:mn>2</m:mn> </m:msup> </m:mrow> </m:mrow> </m:mtd> <m:mtd> <m:mtext> (1.1) </m:mtext> </m:mtd> </m:mlabeledtr> </m:mtable> </m:math>

Save the file after editing as “test.xml”. The display looks like :

E = m c 2 (1.1)

Matrix

Use of parentheses and table without frame can conveniently be used to represent matrix as illustrated in the example here.

Matrix

<m:math display="block"> <m:mo> ( </m:mo> <m:mtable> <m:mtr> <m:mtd> <m:mi>x</m:mi> </m:mtd> <m:mtd> <m:mi>y</m:mi> </m:mtd> <m:mtd> <m:mi>z</m:mi> </m:mtd> </m:mtr> <m:mtr> <m:mtd> <m:mn>1</m:mn> </m:mtd> <m:mtd> <m:mn>2</m:mn> </m:mtd> <m:mtd> <m:mn>3</m:mn> </m:mtd> </m:mtr> </m:mtable> <m:mo> ) </m:mo> </m:math>

Save the file after editing as “test.xml”. The display looks like :

( x y z 1 2 3 )

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, A primer in mathml. OpenStax CNX. Apr 19, 2006 Download for free at http://cnx.org/content/col10345/1.16
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'A primer in mathml' conversation and receive update notifications?

Ask