JSFiddle - React, Tailwind, and code Playground

HTML

<math xmlns="http://www.w3.org/1998/Math/MathML">
        <mfenced separators="" open="[" close="]">

            <mtable>
            <mtr>
            <mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd>
            </mtr>
            <mtr>
            <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd>

            </mtr>
            <mtr>
            <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd>
            </mtr>
            <mtr>
            <mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd>

            </mtr>
            <mtr>
            <mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>1</mn></mtd>
            </mtr>
            </mtable>
        </mfenced>

    </math>

CSS

.ie mfenced {
    display: inline-block;
    border: 1px solid;
    padding: 0 3px;
}
.ie mtable {
    display: table;
    border-collapse: collapse;
    border: 1px solid #fff;
    border-width: 1px 0;
    margin: -1px 0;
}
.ie mtr {
    display: table-row;
}
.ie mtd {
    display: table-cell;
    min-width: .75em;
    padding: 0 .25em;
    text-align: center;
    border: 0;
}

JavaScript

/*@cc_on
    @if (@_jscript)
        document.body.className += ' ie';
        document.createElement('mtable');
        document.createElement('mtr');
        document.createElement('mtd');
    @end
@*/