0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【10分シリーズ】一覧表をカスタマイズしたい!

Last updated at Posted at 2025-09-22

はじめに

こんにちは!スパイラル株式会社でインターン中の大学生です。
今回は【10分シリーズ】第12弾!
前回作成した検索フォームにある「一覧表」を、ほんの少しカスタマイズしてみます!
前回はさらっと流した部分ですが、実はこの一覧表、ちょっとした工夫で見やすさがぐんと変わるんです。

↓前回の記事はこちら
【10分シリーズ】検索フォームを作成したい!

【10分シリーズ】について

【10分シリーズ】では、インターンを始めて1年半の私が、弊社が提供するローコードプラットフォーム「SPIRALver.1」や「SPIRALver.2」を使って10分で作れるものをわかりやすく紹介していくシリーズです!
「え、これ本当に10分でできたの?」の数々を読んでくださった皆様にお伝えできればと思っています。
さらに今なら「SPIRALver.1」のトライアルアカウント無料で使えるので、皆さんもぜひ【10分シリーズ】挑戦してみてください!

今回作るもの

対象はこちらの検索フォームの一覧表部分。

image.png

デフォルトのままだと、少し味気ない印象があります。
そこで今回は、3つの小ワザを試してみようと思います!!(どれも簡単な工夫ですが…)

  1. 見出し行を見やすくする
  2. 表示項目を減らす
  3. 列幅を少し調整して情報を整理する

作成開始!

一覧表の設定画面から、「一覧表」タブを選択します。

image.png

こちらの画面では一覧表に表示させる項目を追加・編集できます。
デフォルトで表示されているページャーや一覧表のタイトルもこちらから設定できます!

image.png

まずは見出し行を編集します。
デフォルトではDBに登録しているフィールド名がそのまま表示されているので、こちらをわかりやすい名称に変更します。

image.png

続いて不要なフィールドを削除します。
今回は「感想」の項目を削除します。
該当列を選択した状態で「列の削除」をクリックすると反映されます。

image.png


▽SPIRALのトライアルはこちらから!


最後に少し幅を調整し、完成です!

image.png

おわりに

いかがでしたでしょうか。
一覧表は一見地味ですが、ちょっとした調整で「使いやすさ」が大きく変わります。
今回紹介したのはほんの入り口。XSL設定など高度なカスタマイズも可能なので、ぜひ試してみてくださいね!↓

image.png

次回:アンケート結果を集計したい!


私がインターンしているスパイラル株式会社は、ローコードプラットフォーム、SPIRAL ver.1のトライアルアカウント無償提供しています。このアカウントの記事でも紹介するように、たくさんの機能ございます。

▶︎ フォーム
▶︎ 認証エリア
▶︎ ログイン
▶︎ メール送信
▶︎ カスタムプログラム

などの作成できますので、ぜひ試してみてください!!

そして、今チームでトライアル登録者向けに、オンボーディングコンテンツを作成しています。SPIRAL ver.1にご興味のある方、ぜひこちらもご覧ください👇

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?