# 一覧画面の列固定による弊害

**URL:** <https://community.cybozu.dev/t/topic/4980>\
**Category:** kintone 開発相談\
**Created:** [2020 年 3 月 17 日午前 7:58 UTC](https://community.cybozu.dev/t/topic/4980 "2020-03-17T07:58:47Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1457](https://avatars.discourse-cdn.com/v4/letter/l/a9a28c/32.png) [@Legacy\_Account1457](https://community.cybozu.dev/u/Legacy_Account1457)\
**Post date:** [2020 年 3 月 17 日午前 7:58 UTC](https://community.cybozu.dev/t/topic/4980/1 "2020-03-17T07:58:47Z")

</div>

JavaScriptでkintoneをカスタムをしようと試みてみたのですが、初心者で分からないところが多々あり、非常に困っております。

以下のスレッドのていくさんと同じ事象が発生しています。

&nbsp;

[https://developer.cybozu.io/hc/ja/community/posts/360051790871-%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%A7%E3%81%AE%E5%88%97%E5%9B%BA%E5%AE%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6](https://developer.cybozu.io/hc/ja/community/posts/360051790871-%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%A7%E3%81%AE%E5%88%97%E5%9B%BA%E5%AE%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6)

&nbsp;

①一覧画面の行を固定する。

→右側の編集削除機能が使えなくなる。

②文系男さんの指摘通り、一行コメントアウトする。

→タイトル部分の行が、横スクロールに追従できなくなる。

```
(function(){'use strict';kintone.events.on('app.record.index.show',function(){vartable=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();});}());

```

&nbsp;

どなたか解決へのご支援いただけないでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1657](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1657](https://community.cybozu.dev/u/Legacy_Account1657)\
**Post date:** [2020 年 3 月 24 日午前 8:09 UTC](https://community.cybozu.dev/t/topic/4980/2 "2020-03-24T08:09:09Z")

</div>

長谷川さん

こんにちは。

上記のコードとライブラリを設定し、動かしてみましたが、私の手元ではそのままの状態で、

インライン編集も可能で、横スクロール時もタイトル行が正常にスライドしました。

※横スクロール時に、2行目以降が少し浮いたような動作を一瞬するのが気になりはしましたが

実行環境は chromeと Edgeです。

DOMを操作している系のカスタマイズなので、もしかするとブラウザ依存など問題が出ているのかもしれないです。

&nbsp;

エラーはでていなさそうですが、実行時にエラーが出ていないかと、他のブラウザで動作を確認した場合、

どうなりますでしょうか？

&nbsp;

なお、理由は不明ですが、私の手元ではライブラリを読み込まず、FixedMidashi.create();をコメントアウトしても

正常に動きました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1457](https://avatars.discourse-cdn.com/v4/letter/l/a9a28c/32.png) [@Legacy\_Account1457](https://community.cybozu.dev/u/Legacy_Account1457)\
**Post date:** [2020 年 3 月 24 日午前 9:26 UTC](https://community.cybozu.dev/t/topic/4980/3 "2020-03-24T09:26:58Z")

</div>

537172410

コメントありがとうございます！

実行環境はIEだったので、ChromeとEdgeでも試してみましたがやはりインライン編集がきかなくなってしまいました。

なぜでしょうか、、

&nbsp;

みたところ実行時エラーも発生していないようで困りました、、

&nbsp;

FixedMidashi.create();をコメントアウトの件は不思議ですね。

&nbsp;

また試行錯誤してみます。

この度はご丁寧にありがとうございました。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1657](https://avatars.discourse-cdn.com/v4/letter/l/f4b2a3/32.png) [@Legacy\_Account1657](https://community.cybozu.dev/u/Legacy_Account1657)\
**Post date:** [2020 年 3 月 25 日午前 4:08 UTC](https://community.cybozu.dev/t/topic/4980/4 "2020-03-25T04:08:56Z")

</div>

長谷川さん

別ブラウザでもダメなのですね。コード的にはユーザー依存しそうなものでもないですが、

ブラウザ側の設定なども関係あるのですかね。

特殊な設定は入れていないはずですが、過去に何かを入れてそれが理由でうまく動いているなど

があるのですかね。このあたりがそこまで詳しくないので、もやっとしたコメントですが・・・

&nbsp;

DOMの構造が崩れてしまい、編集ボタンの位置が見た目とすこしずれてしまい、押せていない

などの状況あったりするのかなと思いつつ、手元で再現しないので、検証/確認もできず。

お力になれず、申し訳ないです。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1457](https://avatars.discourse-cdn.com/v4/letter/l/a9a28c/32.png) [@Legacy\_Account1457](https://community.cybozu.dev/u/Legacy_Account1457)\
**Post date:** [2020 年 3 月 25 日午前 5:29 UTC](https://community.cybozu.dev/t/topic/4980/5 "2020-03-25T05:29:15Z")

</div>

537172410

初心者なりに沢山調べてブラウザ設定してみましたが、状況変わらずでした。

やはりタイトル(管理番号)が横スクロールにはついてきませんでした。

ひとまずははタイトルは見えないが、インライン編集はできる状態で使っていこうと思います。

&nbsp;

とんでもないです。非常にご丁寧にありがとうございました。

これからもっと勉強して解決できるようにします！

&nbsp;

&nbsp;

&nbsp;
