「テーブル(縦・横)」パーツをスマホ表示時にスワイプ仕様にする
マルチカラムクラス名:lx_table_sp_swipable
通常、テーブル(縦・横)パーツはカラム内に収まる設定の為、スマホ表示時も画面内に収まる幅になります。
スマホ画面の横幅が短い影響で、テーブル縦・横が見づらい場合に、テーブルをスワイプする仕様にする事で、見やすい表示を保つことが出来ます。
※スワイプされるテーブルの横幅は固定です。原則PC表示時と近づける為に、テーブル幅はPC表示時のコンテンツエリア(デフォルトは1000px)と同じにしてあります。
タイトル項目 |
タイトル項目 |
タイトル項目 |
---|
項目 |
項目 |
項目 |
タイトル項目 |
項目 |
項目 |
---|
タイトル項目 |
項目 |
項目 |
---|
---------------------------------------------------------------
「テーブル縦・横」「表組」パーツの枠線を全て消す
マルチカラムクラス名:lx_table_no_border
テキストと画像 |
テキストと画像 |
テキストと画像 |
---|
テキストと画像 |
テキストと画像 |
テキストと画像 |
---------------------------------------------------------------
「テーブル縦・横」「表組」パーツの縦線を消す
マルチカラムクラス名:lx_table_no_v_border
テーブルの縦線のみを消し、横線は残ります。
テキストと画像 |
テキストと画像 |
テキストと画像 |
---|
テキストと画像 |
テキストと画像 |
テキストと画像 |
---------------------------------------------------------------
「テーブル縦・横」「表組」パーツの横線を消す」
マルチカラムクラス名:lx_table_no_h_border
テーブルの横線のみを消し、縦線は残ります。
テキストと画像 |
テキストと画像 |
テキストと画像 |
---|
テキストと画像 |
テキストと画像 |
テキストと画像 |
---------------------------------------------------------------
「テーブル縦・横」「表組」パーツの背景色を透明にする
マルチカラムクラス名:lx_table_no_bg
テーブルタイトル項目と、項目の背景色を透明にします。
テキストと画像 |
テキストと画像 |
テキストと画像 |
---|
テキストと画像 |
テキストと画像 |
テキストと画像 |
---------------------------------------------------------------