Hi Tsubasa,

If you inspect the source code of the table in browser, you'll see that a different Id is assigned to the table each time it is published. So, you cannot really hard-code the Id of the table into JS, as it is dynamic. 

Moreover, you used getElementById in the code, but you passed table's class (tablematrix) as a parameter.

If you just change the JS function you use to getElementsByClassName, and then grab the first item off the resulting node list, it should work fine:

var tableElem = document.getElementsByClassName('tablematrix')[0];

Or, you can give a name to the table (say, table_matrix) and get its dynamic Id like the following:

var tableElem = document.getElementById('" + table_matrix.Id + "');

Hi Tsubasa, 

I have implemented the use case by using the below-mentioned JS code. 

Note: I have defined a generic function (in the screen JavaScript section) to set value to the desired cell.

JS Snippet:

const setValueToCell = (rownum, colnum, label) => {
    
        var tableElem = document.querySelector('.tablematrix');

        const rows = tableElem.tBodies[0].querySelectorAll('tr');
        const colsLength = tableElem.tBodies[0].querySelectorAll('tr')[1].querySelectorAll('td');

        if (rownum > 0 && rownum < rows.length && colnum > 0 && colnum < colsLength.length)
            rows[rownum].querySelectorAll('td')[colnum + 1].textContent = label;
        else 
            alert(`Invalid col[${colnum}] row[${rownum}] selection`);
}

See this demo screen PutInMatrix

Refer to the attached .oml file

I hope this helps you!

Kind regards,

Benjith Sam