JSFiddle - React, Tailwind, and code Playground

JavaScript

// наша матрица
var matrix = [];

// её размеры. row-строка, col-столбец
var rows = 10, cols = 10;

var m = 1; // текст внутри ячейки.

var left = 1;// будет ли двигаться заполнение влево.(да)

var max = 100;

for(var i=0,curr; i<rows; i++ ){
    
    // текущая строка
    curr = matrix[i] = [];
    
    // формируем столбцы строки.
    for( var b=0; b<cols; b++ ){
        
        // заполняем массив в зав-ти от направления.
        // и увеличиваем тект внутри ячейки
        curr[ left ? "push":"unshift" ]( m++ );
    }
    
    // меняем направление с каждой строкой.
    left = left == false;
}


/*   --- ВЫВОД ---   */

var s = '<table width="100%" height="100%">';
for( var i=0;i<matrix.length;i++ ){
    s+= "<tr>";
    for( var b=0;b<matrix[i].length;b++ )
        s+= "<td>"+matrix[i][b]+"</td>";
    s+="</tr>"
}
s+="</table>";
document.body.innerHTML = s;