WP Table Manager :テーブルのスタイル

1.フォーマット

フォーマットタブは、デフォルトで画面の右側にあります。 さまざまなパラメーターが含まれています。

 

image31

 

  • 細胞タイプ: デフォルトまたはHTML。 デフォルトのタイプでは、画像のようなHTMLコンテンツを挿入するHTMLを使用して計算を行うことができます。 すべてのセルのWYSIWYGエディターは、HTMLをセルに追加する当面の間、次のバージョンで実装されます。
  • セルの背景 色: もちろん背景色を定義する

 

image32

 

ボーダーとフォントのオプションは、単一または複数のセルに適用できます

 

image33

 

行と列の幅はピクセル単位で定義できます。 テーブルの任意の場所で列または行を選択し、サイズを検証します。

 

2 。 テーマと並べ替えオプション

各テーブルには、 テーマ選択 オプション メニューのテーマ。 テーマをクリックして適用します。

テーマを適用すると、テーブル内のすべてのデータとスタイルが置き換えられます。 したがって、続行するには、テーマを適用してからデータを編集して独自のテーマを作成し、テーブルを複製します。

 

テーマ選択

 

同じ上 メニューテーマ>代替色、「自動スタイリング」機能により、テーブルの線に色を付けることができます ヘッダーのスタイリング そして フッターのスタイリング オプション。 テンプレートスタイルを選択するか、プラグイン設定で独自に作成できます。

 

テーマ変更色

 

sortableパラメータを使用すると、フロントエンドでAJAXデータを並べ替えることができます。 あなたは見ることができます メニュー形式>並べ替え.

 

ソートテーブル

 

テーブルの配置とは、テーブル全体を含むdivを配置することです。たとえば、すべてのテーブルを中央揃えにします。 あなたは見つけることができます メニュー形式>表の配置.

 

テーブルアライン

 

セルの強調表示もオプションとして利用できます。 この機能は設定で有効にできます。 デフォルトでは無効になっています。 ハイライト行を選択して、ハイライトの色と不透明度を調整できます。

 

テーブルハイライト

 

2 。 セルにツールチップを追加する

テーブルの各セルで、右クリックすると[ツールチップの追加]オプションが表示されます。

 

追加ツールチップ

 

ツールチップの幅をピクセル単位で設定できます。 それはあなたを編集するためのエディターを備えたツールチップに連れて行きます。

 

ツールチップエディタ

 

コンテンツを追加して保存したら、完了です。ツールチップは、マウスをホバーするとパブリックサイドに表示されます。

 

ツールチップホバー

 

2 。 行と列のフリーズ

行または列のフリーズはメニューで利用できます フォーマット>レスポンシブオプション。 最大5行または5列まで固定できます。 最初の行/列から数えます。

 

フリーズライン

 

行をフリーズさせるには、テーブルの高さを固定できる追加のオプションがあります(テーブルコンテナーの高さが無限であるため)。

 

凍結行

 

固定する行または列を選択すると、テーブルをスクロールして、常に固定された行または行を表示できます。

 

修正行表示

 

2 。 列データのフィルタリング

フィルタリングオプションは、 メニューフォーマット >フィルター。 クリックすると、パブリックデータフィルタリングフィールドを有効にしてアクティブ化できます。

 

フィルターカラム

 

フィルターの例:

 

レスポンシブテーブルスクロール

 

2 。 セルのパディングと境界の半径

ツールバーの境界線アイコンは、セルのパディングと境界線の半径を調整するのに役立ちます。

 

パディングボーダー

 

テーマを適用した場合、一部のカスタムCSSが自動的に追加されることに注意してください。 もちろん、編集することもできます。

 

2 。 カスタムCSS

一歩先に行きましょう。 あなたがCSSスキルを持つウェブデザイナーなら、あなたはCSSを追加することができます メニュー形式>カスタムCSS。 

 

format-custom-css

 

CSSコードはコードミラーを使用して色分けされ、少ないCSSで記述できます。

 

カスタムテーブルcss

 

セル、線、列には、それぞれを識別してカスタムCSSを適用するための座標があります。 Rは行、Cは列です。

 

css-displaying

 

2 。 レスポンシブWordPressテーブル

私のテーブルは応答性がありますか、それとも小さなデバイスでスクロールを使用しますか?

WP Table Managerは、オプションとして、優先ツールを使用してレスポンシブデザインを処理します。 デフォルトではレスポンシブ機能は無効になっており、オーバーフローが発生します(魔女はモバイルでもうまく機能しています)。

 

レスポンシブモード

 

レスポンシブモードは高度であり、モバイルサイズで列を非表示にする優先度を定義できます。 列が非表示の場合、チェックボックス付きのモバイルメニューが表示され、列の表示/非表示を強制します。  
列のサイズは、テーブルの編集中に固定されます。 すべての列のサイズがコンテナに対して大きすぎる場合、オーバーフローが発生し、モバイルデバイスで簡単にスクロールできるようになります。

スクロール付きの表(列数が少ない場合に適しています)

 

レスポンシブテーブルスクロール

 

列が非表示のテーブル(大量の列の場合に適しています)

 

57bb0cb0ac948

 

2 。 表をダウンロード

テーブルをパブリックに共有するには、有効にする必要があります ダウンロードボタン オプション テーブルタブ 右側のパネル。 ファイルタイプは* .xlsxです。

 

ダウンロード表

 

2 。 ページネーション

この機能は次の場所にあります メニュー>フォーマット 各テーブルのタブ。 トグルボタンを使用して、ページに表示する行数を有効にして選択します。

 

ページネーション-wptm