「テーブル(縦・横)」パーツをスマホ表示時にスワイプ仕様にする

マルチカラムクラス名: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

テーブルタイトル項目と、項目の背景色を透明にします。

テキストと画像

テキストと画像

テキストと画像

テキストと画像

テキストと画像

テキストと画像

---------------------------------------------------------------