javascript - 单元格/行插入到第一列下方

Question

我正在为一所学校制定实时时间表，为此我有一个管理面板，旁边是“User verwalten”(管理用户)，我在其中管理各个用户的权利和权限。我想创建一个包含名称和复选框的表格，您可以在其中用叉号标记权限。 此数据(所有用户和那里的权限)位于网络服务器上。

问题: 现在我已经添加了表头，我想添加用户。但是现在有了表头，所有内容都会添加到第一列中，我不知道为什么。当我调试时，发现单元格添加在正确的行中，但是如果我添加该行，它看起来像这样:

但我希望它看起来像这样但带有一个表头:

这是 createTable() 的代码

function createTable(json){
                    var obj = JSON.parse(json);
                    var oldBody = document.getElementsByTagName('tbody')[0];
                    var body = document.createElement('tbody');
                    //if i add this header everything gets desroyed
                    //var header = document.getElementById("header").innerHTML = '<tr><th class="header"><h3>Name</h3></th><th class="header"><h3>Schüler verwalten</h3></th><th class="header"><h3>Benutzer verwalten</h3></th><th class="header"><h3>History anschauen</h3></th><th class="header"><h3>Home verwalten</h3></th></tr>';

                    for (var j = 0; j < obj.length; j++) {
                            var row = addRow(obj[j]);
                            row.classList.add('row');
                            //table.appendChild(body);
                    }
                }

addRow() 的代码

function addRow(val) {
                var tr = document.createElement('tr');
                for( var i = 0; i < 5; i++){
                    if(i==0){
                        var name = val.substr(0,(val.length)-9);
                        addCell(tr, null,name);
                    }else{
                        var rest = val.substr((val.length)-9, val.length);
                        var values = rest.split(";");
                        addCell(tr, values[i], name);
                    }
                    table.appendChild(tr);
                }

            return tr;
            }

addCell() 的代码

function addCell(tr, val, name) {

                var name;
                var cell = document.createElement('input');
                var value = "get";
                if(val == null){
                    cell.classList.add("name")
                    cell.value = name;
                    cell.addEventListener("dblclick", function () {
                                        cell.classList.remove('cell');
                                        cell.classList.add('selected');
                                        clearSelection();
                                    });
                }else if(val == 0){
                    cell.classList.add('checkbox');
                    cell.type = "checkbox";
                    cell.checked = false;
                    cell.addEventListener( 'change', function() {
                        value += getString();
                        getData(value);
                    });

                }else if(val == 1){
                    cell.classList.add('checkbox');
                    cell.type = "checkbox";
                    cell.checked = true;
                    cell.addEventListener( 'change', function() {
                        value += getString();

                        getData(value);
                    });

                }
                tr.appendChild(cell);
            }

Answer 1

我认为您需要设置一个 newStartIndex 变量。

我就是这样做的。 (如果我没理解错的话) 我知道这可能不完全是您要问的，但也许它为您指明了正确的方向。

var ucfIndex = 2;
const ucfSelectedRowIndex = rows.indexOf(feedbackCandidates[x]) + ucfIndex;

var sheets = google.sheets({ version: 'v4' });
authorize(function () {
var request = {
    spreadsheetId: 'yourSheetId',
    valueInputOption: 'RAW',
    resource: {

        "data": [
            {
                "range": "N" + ucfSelectedRowIndex,
                "majorDimension": "COLUMNS",
                "values": [
                    [
                        true
                    ],
                ]
            },
        ],
    },
    auth,
};

sheets.spreadsheets.values.batchUpdate(request, function (err, response) {
    if (err) {
        console.error(err);
        return;
    }
    else {
        console.info(response);
        console.log("Col Values updated");
    };
});

});