一覧スタイラー for kintone

導入前と導入後

左端の列が固定され、ゼブラや色分けで一覧がぐっと見やすくなります

主な機能

• テーブルの明細を一覧の行として表示（テーブル展開表示） — テーブル（サブテーブル）の列を一覧設定でテーブルを置いた位置（または一覧の右端）に追加し、明細を一覧の行そのものとして表示します。明細が3行あるレコードは3行分の高さになり、2行目以降はレコード側のセルが空になるので、どこまでが同じレコードかがひと目で分かります。kintone 標準の「表示する」と違い、全レコードの明細を同時に表示できます。
• 追加する列・表示行数を選べる — 一覧に出す明細の列はチェックで選択（並び順はフォームでの列順）。1レコードあたりの最大表示行数を決めておけば、明細が多いレコードも「…他 N 行」でまとまり、一覧が縦に伸びすぎません。明細が空のレコードの見せ方も選べます。
• 罫線でレコードの区切りが分かる — 明細の行の間は細い罫線、レコードの区切りは太い罫線で描き分けます。数値の桁区切りや小数点以下の桁数は、フィールドの設定どおりに表示されます。
• 明細の列の位置と幅を調整できる — 明細の列は一覧設定でテーブルを置いた位置に差し込むか、一覧の右端にまとめるかを選べます。列の見出しの境界をドラッグすると、kintone 標準の列と同じ操作で幅を変えられ、調整した幅は一覧ごと・列ごとにブラウザへ記憶されます。
• 横スクロールは一覧の中だけ — 列を追加して一覧が横に広がっても、上部のメニュー・アプリ名・ツールバーは動きません。固定した左端の列はそのまま残ります。
• 左端の列を固定（0〜3列） — 横スクロールしても案件名・会社名などのキー列が左端に残ります。その上のヘッダーも一緒に固定。チェックボックスや詳細アイコンなどの操作列は列数にカウントしません。
• 基本の行スタイル（ゼブラ・単色・文字色） — 行背景をゼブラ（奇数行・偶数行の色をそれぞれ指定）／単色／なしから選べ、行の基本文字色も指定可能。条件に関係なく一覧全体に適用する土台のスタイルです。
• 行ホバーハイライト — マウスを乗せた行を背景＋上下のラインでハイライト。目線のズレを防ぎます。
• 行番号の表示 — 左端に連番（1, 2, 3…）を表示し、何行目かを把握しやすくします。
• 条件付きで行の背景色・文字色・太字を変更 — フィールドの値が条件に一致した行を強調。対象は文字列・数値・日付・選択肢（ドロップダウン等）・プロセス管理ステータスに対応します。
• 日付・日時は TODAY が使える — 条件の値に TODAY（今日）・TODAY+7（7日後）・TODAY-3（3日前）を指定でき、「締切日が今日以前なら赤字・太字」のように期限超過を自動で強調できます。日時フィールド（作成日時・更新日時を含む）は日付の部分で判定するので、「今日更新したレコード」「今日の訪問予定」も塗り分けられます。
• 好きな色で塗れる（カラーピッカー・カラーコード） — 背景色・文字色は、プリセットから選ぶほか、色見本をクリックして選んだり、カラーコード（#RRGGBB）を入力したりできます。
• ほかのプラグインの列にも色が付く — 条件の色は行全体に付くので、テーブルプレビューなど、ほかのプラグインが一覧に足した列も同じ色になり、行の途中で色が途切れません。
• 条件は上が優先・ドラッグで並べ替え — 複数条件に当てはまる行は、上にある条件が優先されます。ハンドルをドラッグして優先順位を入れ替えられます。
• 行クリックでレコード詳細を開く — ダブルクリック／シングルクリックで詳細を、同じウィンドウまたは別タブで開けます（ON 時はインライン編集との両立に関する注意あり）。
• 一覧ビューごとに設定（設定セット） — 「設定セット」で複数の一覧をまとめて設定。一度選んだ一覧は他セットの候補から除外され、重複割当を防ぎます。設定画面では設定セットごとに見出しで開閉でき、閉じた見出しに対象の一覧名が出ます。
• フィールドスタイラーと共存 — セル単位で色付けするフィールドスタイラーと併用可能。同じセルではフィールドスタイラーが優先され、それ以外に行スタイルが適用されます。
• kintone 完結・外部 API 不使用 — GAS・データベース・SaaS 連携は一切不要。プラグインアップロードのみで導入完了します。

設定画面の使い方

「設定セット」に対象の一覧と各スタイルを設定するだけ。プログラミング知識は不要です。

① 対象の一覧・固定する列数

設定セットに、スタイルを適用する一覧ビューを選び、左から固定する列数（0〜3）を指定します。一度選んだ一覧は他セットの候補から除外されます。

② 基本の行スタイル・行番号・行クリック

行背景（ゼブラ2色／単色／なし）と基本文字色、行ホバー、行番号、行から詳細を開く操作（ダブル／シングル・同じウィンドウ／別タブ）を設定します。

③ 条件付き行の色分け

「フィールド・条件・値 → 背景色／文字色／太字」をルールで指定。日付・日時は TODAY が使え、上にある条件が優先（ドラッグで並べ替え）されます。色はプリセットのほか、色見本のクリックやカラーコードの入力でも指定できます。

④ 設定セットの開閉

設定セットは見出しをクリックして開閉できます。閉じた見出しには対象の一覧名が出るので、一覧ごとに設定を分けているアプリでも目的のセットをすぐ見つけられます。

プランについて

基本機能は完全無料でご利用いただけます。広告エリアの非表示と改善要望の送付をご希望の場合は、年間サポーターをお選びください。

関連プラグイン

同じく無料で配布中の kintone プラグイン

フィールドスタイラー

フィールド単位で背景色・文字色・フォント・条件付きスタイルをノーコード設定。一覧スタイラーと併用できます。

プラグインを見る →

集計サマリーバー

一覧ヘッダーに合計・平均・件数などの集計カードを表示。絞り込み連動で即時再集計。

プラグインを見る →

クイックサーチ

一覧画面にインライン検索バーを設置。AND/OR切替・複数キーワード対応で横断検索を高速化。

プラグインを見る →