セル内スクロールバー

  • 作成者:ayuan0625
  • 編集回数:13次
  • 最終更新:FRInternational 于 2021-11-21
  • 一.概要

    セル内のテキストが多すぎる場合、帳票をプレビューすると、行の高さと列の幅を自動的に調整することで、セル内のテキストを完全に表示することができます。ただし、レイアウト上で必要な場合は、セルサイズ(セル内のテキストを完全に表示できない)を固定したいと思います。この時、スクロールバーを引くことでセルの内容を全て表示することできます。

    下図の通りです。

     

    二.考え方

    データ列の高度なカスタム表示で、HTML<div>タグを使用してstyle属性を追加し、セルのテキストに応じて自動調整のチェックを外し、HTMLで内容を表示のチェックを付けます。

     

    三.操作手順

    ビルトインデータセットを添加し、データを設定してください(下図参照)。

    1633753495prjV.png

    データ列をセルにドラッグします(下図参照)。

    1633753514rh71.png

    1.スクロールバーの設定

    セルB2を右クリックし、セル要素-詳細-表示値を選択して、以下の式を入力します

    "<div style=\"height:60px;width:150px;overflow-y:scroll;\">"+$$$+"</div>"

    下図の通りです:

    1633753585VuAE.png

    2.セル表示の設定

    セルB2を右クリックし「その他の属性」を選択し、「内容に応じて自動調整」のチェックを外し、「HTMLで内容を表示」のチェックを付けます(下図参照)。

    四.プレビュー

    改ページプレビューをクリックすると、スクロールバーは下図のようになります。

    注:この機能はモバイル端末に対応できません。

    Attachment List


    Theme: FineReport 帳票実例
    • いいね
    • 良くない
    • 閲覧しただけ