レコード詳細画面での絞込検索について

kintone カスタマイズ
1

kintoneレコードの詳細表示画面において、カスタマイズにより以下の
動作を実現することは可能でしょうか。

  1. 詳細表示しているレコードの子レコードを一覧表示する。
  2. 一覧表示した子レコードの絞込検索を行う。

■見解
1は、テーブルを用いて表形式でデータを表示することはできています。
2は、下記jQueryのData Tablesを使えば実現できると考えていますが、
他に実現方法はありますか。

https://datatables.net/examples/plug-ins/range_filtering.html

2

Watanabe様

お世話になります。

cstapの江田と申します。

下記のコードで実現できるかと思います。

jQueryを用いているので読み込みを忘れずにお願いします。

(function() {
"use strict";
kintone.events.on('app.record.detail.show', function() {
var searchBox = `<input id="searchBox" type="text">`;
$("#record-gaia").prepend(searchBox);
$("#record-gaia").on("keyup","#searchBox",function(){
var keyword = $(this).val();
$.each($("tbody tr"), function(i, val){
//サブテーブルの検索したいカラムが何列目かによってeq()の数字を変更。(0始まり)
if($(val).find("td:eq(0)").text().indexOf(keyword)!=-1){
$(val).show();
}else{
$(val).hide();
}
});
});
});
})();