JSFiddle - React, Tailwind, and code Playground

HTML

<button id='addrow'>Добавить строку</button>
<button id='saveTd'>Сохранить</button>
<table id="table">
<script>
    
    Table.draw(rows, columns)
</script>

CSS

.active{
    color:white;
    background:red;
}
#table td {
 width:50px;
 border: 2px solid black;
}

JavaScript

//создание класса
Table = new Object;
Table = {
    fields = {
        1, 2, 3
    };
    rows: 5;
    columns: 1;
    meta: {
        cellHeader: blue;
        evenLine: white;
        oddLine: gray;
    }

    //ф-я определяет кол-во св-в в объекте


    function getKeysCount(obj) {
        var counter = 0;
        for (var key in obj) {
            counter++;
        }
        return counter;
    }
    columns = getKeyCount(Table.fields);

    //Ф-Я рисования таблицы


    function draw(var rows,
    var columns) {
        var content = '';
        for (var i = 0; i < row; i++) {
            for (var j = 0; i < columns; j++) {
                content += '<tr>';
                content += '<td>';
                content += '</td>';
                content += '</tr>';
            }
            content += '</table>';
            document.body.innerHTML = content;


        }

        function add_row() {
            alert("addrow");
        }

        function get_data() {
            alert("get_data()");
        }
    };