Отображение таблицы (запрос, фильтр, пользовательский) с функцией CRUD в веб-приложении из Google Sheets Script / API

Question

Ниже приведен HTML-код для этого проекта, есть отдельные js-скрипты Google, которые позволяют отображать данные из листов Google на странице веб-сайта (html).

HTML-код ниже - это функция чтения.и отображение таблицы.Это работает, хотя хотелось бы подключить пустое текстовое поле к этим строкам, например, ROW4 или Val4, что позволит пользователю вводить значение в текстовое поле, а приложение будет вводить данные в соответствующую строку в электронной таблице.

Далее я хотел бы отображать только строки, следующие за логикой запроса.Пример, если столбец 1 = PERSON_BOB, затем отобразить ячейку 0,1,4,6 и т. Д. С пустым текстовым полем, которое позволяет вводить данные пользователя в ячейку 5,7,8.

У меня есть таблица HTMLкоторый предоставляет функции CRUD для электронной таблицы и теперь хочет оптимизировать ее для моего использования.

function read_value() {
$("#re").css("visibility","hidden");
   document.getElementById("loader").style.visibility = "visible";
 var url = script_url+"?action=read";
$.getJSON(url, function (json) {
    // Set the variables from the results array
        // CREATE DYNAMIC TABLE.
        var table = document.createElement("table");
        var header = table.createTHead();
        var row = header.insertRow(0);     
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);

        cell1.innerHTML = "<b>Val1</b>";
        cell2.innerHTML = "<b>Val2</b>";
        cell3.innerHTML = "<b>Val3</b>";
        // ADD JSON DATA TO THE TABLE AS ROWS.
        // ADD ELEMENT NAME FOR EACH ROW NEEDED
        for (var i = 0; i < json.records.length; i++) {
            tr = table.insertRow(-1);
                var tabCell = tr.insertCell(-1);
                tabCell.innerHTML = json.records[i].Val1;
                tabCell = tr.insertCell(-1);
                tabCell.innerHTML = json.records[i].Val2;
                tabCell = tr.insertCell(-1);
                tabCell.innerHTML = json.records[i].Val3;
            }

        // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
        var divContainer = document.getElementById("showData");
        divContainer.innerHTML = "";
        divContainer.appendChild(table);
        document.getElementById("loader").style.visibility = "hidden";
        $("#re").css("visibility","visible");
    });
    }

См. выше