一覧画面にテーブルのセット及びテーブルセル内の表示について

お世話になっております。

タイトルの件について、現在一覧画面の上部スペース内にテーブルを作成し、

作成したテーブルのセル内に自由に文字を入力したいと考えております。

現在、下記コードを設定しており、テーブルの表示とtd毎にidの設定はできたのですが、

jQueryで文字を入力しようとしていますが、何も表示されない状況となっております。

(function () {
    'use strict';
    var r_end = 6;
    var c_end = 13;
    kintone.events.on('app.record.index.show', function(event) {
        if (event.viewName !== '一覧') { return; }
        var setClass = document.getElementById('view-list-top-gaia');
        setClass.classList.add('custom');
        window.onload = function () {
            var tableJs = document.createElement('table');
            tableJs.id = 'table_id1';
            for (var r = 1; r <= r_end; r++) {
                var r0 = padLeft('00', r);
                var trJs = document.createElement('tr');
                for (var c = 1; c <= c_end; c++) {
                    var c0 = padLeft('00', c);
                    var tdJs = document.createElement('td');
                    var tdJsId = 'r' + r0 + 'c' + c0;
                    tdJs.id = tdJsId;
                    trJs.appendChild(tdJs);
                }
                tableJs.appendChild(trJs);
            }
            var bodyJs = document.getElementById('view-list-top-gaia');
            bodyJs.appendChild(tableJs);
        }
        function padLeft(pad, str) {
            if (typeof str === 'undefined')
            return pad;
            return (pad + str).slice(-pad.length);
        }
        function padRight(pad, str) {
            if (typeof str === 'undefined')
            return pad;
            return (str + pad).substring(0, pad.length);
        }
        $(function(){
            $("#r01c01").html("テストテストテスト");
        });
    });
})();

間違っている部分などございましたら、ご教授いただければ幸いです。

よろしくお願いいたします。

お世話になっております。

$("#r01c01").html("テストテストテスト");

上記の記述位置が間違っていました。すみません。。。

ありがとうございます。

Naoさん、こんにちは

初心者なので詳しくはわからないんですが、1つ気づいたことを共有しますね。

1行目のところで、JQueryを使うことが宣言されていないのではないでしょうか?

参考:

https://developer.cybozu.io/hc/ja/articles/204695384-%E7%AC%AC12%E5%9B%9E-jQuery%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86

 

Shotaro Matsuda様

ご返信ありがとうございます。

記述位置および、ライブラリの選択も原因でした。

アドバイスありがとうございます

今後ともよろしくお願いいたします。