Lauiuiでテーブルデータテーブルの列を非表示にする方法の紹介-ライユイのチュートリアル-php.cn

Lauiuiでテーブルデータテーブルの列を非表示にする方法の紹介

Layui は現在国内唯一のテンプレート会社ですデータテーブル機能は強力ですが、Python や Django を使って JSON を結合してデータに出力する方法がわかりませんtable. となると、愚かな方法を使ってループするしかありません。

id列は編集・修正時に変更されたデータのid値を取得するためにデータテーブルに保持されていますが、表示する必要がないため非表示にする必要があります。

ID 列のコードは次のとおりです:

, cols: [[ //标题栏
                    {field: &#39;data_id&#39;, title: &#39;ID&#39;, width: 50,style:&#39;display:none;&#39;}

ログイン後にコピー

このコードでは、下の ID 列の値を非表示にできますが、タイトルバーの ID はそのまま表示されます。、それを解決するには強力なjqueryを使用してください。

 $(&#39;table.layui-table thead tr th:eq(0)&#39;).addClass(&#39;layui-hide&#39;);

ログイン後にコピー

複数のテーブルがある場合、上記のコードでは最初のテーブルの最初の列のタイトルバーしか非表示にできないことがわかりました。ページ上に複数のテーブルがある場合は、次のようにする必要があります:

 $(&#39;table.layui-table thead tr th:nth-child(1)&#39;).addClass(&#39;layui-hide&#39;);

ログイン後にコピー

別の問題があります。テーブルに選択ボックスがある場合、デフォルトでテーブルの最初の列を占有することになるため、このとき上記のコードはエラーになります。プッシュするか、最初のコードを使用するか、1 つずつ選択することしかできません。 lauiui のデータテーブルは 5 つのテーブルを自動的に生成することに注意してください:

Lauiuiでテーブルデータテーブルの列を非表示にする方法の紹介

現在のページには 2 つのテーブルしかなく、1 つは通常のテーブル、もう 1 つは選択ボックス付きです。検索した結果、最初は 10

 $(&#39;table:eq(1).layui-table thead tr th:eq(0)&#39;).addClass(&#39;layui-hide&#39;);
$(&#39;table:eq(6).layui-table thead tr th:eq(1)&#39;).addClass(&#39;layui-hide&#39;);

ログイン後にコピー

layui の詳細については、layui 使用法チュートリアル列に注目してください。

以上がLauiuiでテーブルデータテーブルの列を非表示にする方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。