Edited at

kintoneの一覧画面で横スクロール時に列を固定する

More than 1 year has passed since last update.

FixedMidashiというライブラリが良さそうだったので試してみました。

kintoneの画面に適用すると以下のように横スクロールで列が固定することができます。

table.gif


JavaScriptの設定

以下2つファイルを設定します。 手順はこちら

1. fixed_midashi.js

2. ↓のjs

(function() {

'use strict';

kintone.events.on('app.record.index.show', function() {
var table = document.querySelector('.recordlist-gaia'); // 一覧の要素取得
table.setAttribute("_fixedhead", "rows:1; cols:3"); // rows:固定する行数, cols:固定する列数
table.innerHTML = table.innerHTML.replace('<thead>', '<tr>').replace('</thead>', '</tr>'); // theadをtrに書き換え
FixedMidashi.create();
});
}());


注意点

こちらはDOM操作をしているため、製品のアップデートにより動作しなくなる可能性があります。