一覧画面のヘッダにテーブルを配置したい

一覧画面のヘッダにテーブルを配置したいと思っていますが,
以下のエラーが出てしまいます。
Uncaught TypeError: Cannot read property ‘appendChild’ of null

どのように修正したらいいでしょうか?

(function() {
"use strict";
kintone.events.on('app.record.index.show', function(event) {
var testTBL = document.createElement('table');
var td01 = document.createElement('th');
td01.innerText= 'あああ';
td01.style.padding = '5px';

kintone.app.record.getHeaderMenuSpaceElement().appendChild(testTBL);
testTBL.appendChild(tr1);
tr1.appendChild(td01);

});
})();

masuto様

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

tr1が未定義なのだと思います.
下記を追加すれば良いかと思います.

var tr1 =document.createElement('tr');

>江田篤史 さま

ありがとうございます!
大変失礼しました。転記のミスです。
もともとのコードには

var tr1 = document.createElement('tr');

があります。

kintone.events.on(['app.record.create.show', 'app.record.edit.show', 'app.record.detail.show'], function(event) {

にすると,詳細画面には正常に表示されるのに,ここを

kintone.events.on('app.record.index.show', function(event) {

と書き換えると出てきてくれません。

またお気づきの点ありましたらおしえてください。
お願い致します。

masuto さん

ひよこです。
横からすみません。

kintone.app.record.getHeaderMenuSpaceElement() は、レコード一覧画面では利用できないからだと思います。

レコード一覧画面では、kintone.app.getHeaderSpaceElement() などが代替になるかなと思います。

>ひよこ さま

ありがとうございます!

getHeaderMenuSpaceElement()

getHeaderSpaceElement()
の違いにまったく気づいてませんでした。。

コードを修正したのですが,ほかの部分で問題が起き,
まだ修正しきれてません。

これからやってみます!
ありがとうございます!!