Is there a way to display triangular tables of numbers in MathJaX?

Question

Is there a way with MathJaX (on math.stackexchange.com) of displaying, say, Pascal's Triangle or some similar triangular stack of numbers, such as the Stirling Numbers of the First Kind, without resorting to array or matrix tricks to do it? I can't directly demonstrate what I tried, because MathJaX doesn't work on this forum, but I've posted a comment on math.stackexchange.com in which I tried to do it with code similar to this:

$$\begin{matrix}
&&&&&1\\
&&&&1&&1\\
&&&1&&3&&2\\
&&1&&6&&11&&6\\
&1&&10&&35&&50&&24\\
1&&15&&85&&225&&274&&120
\end{matrix}$$

which renders like this:

As you can see, the bigger the numbers get, the farther apart they are spaced, and so far the table is already beginning to look a little asymmetric! I've had better success with HTML tables, but table tags and their helpers aren't permitted on StackExchange sites. Is there a better way to do this on your Math forums? Is this even the right community for this question?

Edit: Here is a screenshot showing the lower right corner of the HTML table, so you can get a feel for the look I want:

Update: After trying several different approaches, I think I may have found a (fairly) workable solution, although it still has its difficulties: $$\newcommand\cn[2]{\llap{#1}\rlap{#2}\,} \begin{array}{c} &&&&&&\cn{1}{}\\ &&&&&\cn{1}{}&\cn{}{}&\cn{1}{}\\ &&&&\cn{1}{}&\cn{}{}&\cn{3}{}&\cn{}{}&\cn{2}{}\\ &&&\cn{1}{}&\cn{}{}&\cn{6}{}&\cn{}{}&\cn{1}{1}&\cn{}{}&\cn{6}{}\\ &&\cn{1}{}&\cn{}{}&\cn{1}{0}&\cn{}{}&\cn{3}{5}&\cn{}{}&\cn{5}{0}&\cn{}{}&\cn{2}{4}\\ &\cn{1}{}&\cn{}{}&\cn{1}{5}&\cn{}{}&\cn{8}{5}&\cn{}{}&\cn{22}{5}&\cn{}{}&\cn{27}{4}&\cn{}{}&\cn{12}{0}\\ \cn{1}{}&\cn{}{}&\cn{2}{1}&\cn{}{}&\cn{17}{5}&\cn{}{}&\cn{73}{5}&\cn{}{}&\cn{16}{24}&\cn{}{}&\cn{17}{64}&\cn{}{}&\cn{72}{0} \end{array}$$ The code is:

$$\newcommand\cn[2]{\llap{#1}\rlap{#2}\,}
\begin{array}{c}
&&&&&&\cn{1}{}\\
&&&&&\cn{1}{}&\cn{}{}&\cn{1}{}\\
&&&&\cn{1}{}&\cn{}{}&\cn{3}{}&\cn{}{}&\cn{2}{}\\
&&&\cn{1}{}&\cn{}{}&\cn{6}{}&\cn{}{}&\cn{1}{1}&\cn{}{}&\cn{6}{}\\
&&\cn{1}{}&\cn{}{}&\cn{1}{0}&\cn{}{}&\cn{3}{5}&\cn{}{}&\cn{5}{0}&\cn{}{}&\cn{2}{4}\\
&\cn{1}{}&\cn{}{}&\cn{1}{5}&\cn{}{}&\cn{8}{5}&\cn{}{}&\cn{22}{5}&\cn{}{}&\cn{27}{4}&\cn{}{}&\cn{12}{0}\\
\cn{1}{}&\cn{}{}&\cn{2}{1}&\cn{}{}&\cn{17}{5}&\cn{}{}&\cn{73}{5}&\cn{}{}&\cn{16}{24}&\cn{}{}&\cn{17}{64}&\cn{}{}&\cn{72}{0}
\end{array}$$

I used array instead of matrix, and I split each cell into two halves: the left side of each number goes to \llap and the right side goes to rlap. And because it's an array, the table expands to fit the data. The numbers are (sort of) centered now--at least, more so than with a single left or right alignment.

Answer 1

An alternative method is to force each column to be the same width, with the width determined by the widest element in your array.

This can be accomplished by using \phantom to introduce an unseen text of the requisite width, and then printing the numbers overlaid on it using \rlap or \llap (ideally one would use \clap to make it perfectly aligned, but that is not available [even in usual LaTeX without loading additional packages which implements it] so the end result has some minor misalignments).

The code:

\newcommand\pad[1]{\rlap{#1}\phantom{274}}
\begin{matrix}
    &&&&&1\\
    &&&&1&&1\\
    &&&1&&3&&2\\
    &&1&&6&&11&&6\\
    &\pad{1}&&\pad{10}&&\pad{35}&&\pad{50}&&\pad{24}\\
    \pad1&&\pad{15}&&\pad{85}&&\pad{225}&&\pad{274}&&\pad{120}
    \end{matrix}

I defined a new command called \pad which takes one argument: the argument that you want to display. The number 274 is taken from your matrix below where it is the widest element displayed. It is only necessary to pad one element in each column (since everything else is supposed to be narrower originally).

$$\newcommand\pad[1]{\rlap{#1}\phantom{274}} \begin{matrix} &&&&&1\\ &&&&1&&1\\ &&&1&&3&&2\\ &&1&&6&&11&&6\\ &\pad{1}&&\pad{10}&&\pad{35}&&\pad{50}&&\pad{24}\\ \pad1&&\pad{15}&&\pad{85}&&\pad{225}&&\pad{274}&&\pad{120} \end{matrix} $$

If the spacing by the widest element is too large, one can use a smaller number of digits to set the alignment, but that will require using the \pad command also on any appearance of numbers "longer" than the reference number. Here I swapped the 274 reference by 50:

$$\newcommand\pad[1]{\rlap{#1}\phantom{50}} \begin{matrix} &&&&&1\\ &&&&1&&1\\ &&&1&&3&&2\\ &&1&&6&&11&&6\\ &\pad{1}&&\pad{10}&&\pad{35}&&\pad{50}&&\pad{24}\\ \pad1&&\pad{15}&&\pad{85}&&\pad{225}&&\pad{274}&&\pad{120} \end{matrix} $$

The alignment will get a little bit worse with this (again, how I wish I have a \clap available.)

Answer 2

If the site honored all of the array column specs, things could be made a bit better. Unfortunately, the only thing you might try is to add some negative \hspace. For example: $$ \begin{array}{c} &&&&&\hspace{-6pt}1\\ &&&&\hspace{-6pt}1\hspace{-6pt}&&\hspace{-6pt}1\\ &&&\hspace{-6pt}1&&\hspace{-6pt}3&&\hspace{-6pt}2\\ &&\hspace{-6pt}1&&\hspace{-6pt}6&&\hspace{-6pt}11&&\hspace{-6pt}6\\ &\hspace{-6pt}1&&\hspace{-6pt}10&&\hspace{-6pt}35&&\hspace{-6pt}50&&\hspace{-6pt}24\\ \hspace{-6pt}1&&\hspace{-6pt}15&&\hspace{-6pt}85&&\hspace{-6pt}225&&\hspace{-6pt}274&&\hspace{-6pt}120 \end{array} $$ Unfortunately, this is still a bit asymmetric.