# kintoneでレコード一覧画面の行の表示を変えたい

**URL:** <https://community.cybozu.dev/t/topic/9461>\
**Category:** kintone 開発相談\
**Created:** [2024 年 9 月 4 日午前 4:36 UTC](https://community.cybozu.dev/t/topic/9461 "2024-09-04T04:36:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![div\_rei](https://avatars.discourse-cdn.com/v4/letter/d/54ee81/32.png) [@div\_rei](https://community.cybozu.dev/u/div_rei)\
**Post date:** [2024 年 9 月 4 日午前 4:36 UTC](https://community.cybozu.dev/t/topic/9461/1 "2024-09-04T04:36:37Z")

</div>

### 実現したいこと

・kintoneでレコード一覧画面の行の縦幅を固定し複数行のフィールドは一覧表示からはみ出ている場合は折り返し一覧上でスクロールして見たい  
・複数行で折り返しもなくスクロールの必要が無い場合は、スクロールバーの表示をしない

### 発生した問題やエラーメッセージを具体的に書きましょう

エラーメッセージが出るわけではありませんが、表示が折り返しされなかったり、スクロールバーが必要でないところにもスクロールバーが現れます。

### 実行したコードをコピー＆ペーストしましょう

```javascript
/* レコード一覧の縦幅を変える */
.recordlist-cell-gaia > div, .recordlist-cell-gaia > ul {
	height: 50px; /* 行の高さ */
	overflow-y: scroll; /* 文字が溢れたらスクロールバーを表示 */
}

/* 文字列複数行を改行する */
.recordlist-cell-gaia span {
	white-space: pre-wrap;
}

/* 文字列複数行のツールチップを非表示にする */
.recordlist-tooltip-gaia {
	display: none;
}

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 9 月 7 日午前 4:49 UTC](https://community.cybozu.dev/t/topic/9461/3 "2024-09-07T04:49:42Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。