rex0220 印刷屋プラグイン テーブル+カード表示

rex0220 印刷屋プラグインで、テーブル+カード表示を行ってみます。

概要

rex0220 印刷屋プラグイン テーブル複数ページに、カード形式を入れてみます。

TABLE_HTML 関数でテーブル形式、
FIELDS_HTML 関数で項目を並べるとカード形式になります。

• プレビュー画面 1-2

印刷屋プラグイン設定

.pcraft-card-item {
    border-bottom: 1px solid #ccc;
}
.card-image {
    text-align: center;
}
.card-image img {
  width:150px;
}

FIELDS_HTML 関数で、項目を並べるとカード形式になります。

TABLE_HTML(テーブル,
  OPT("title","時計","pagination","Y"),
  OPT("perPage","5"),
  ARRAY("概要",FIELDS_HTML(
    名称,添付ファイル
  )),
  ARRAY("画像",IMGSRC(添付ファイル,,"img"),"card-image")
)