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

Lauiuiでテーブルの行を非表示にする方法

藏色散人

リリース： 2020-12-04 09:07:01

オリジナル

4826 人が閲覧しました

layui でテーブルの行を非表示にする方法: まず、対応するコードファイルを開き、次に、layui のcols パラメータの非表示属性を使用し、最後に「hide: true」を追加して id 列を非表示にします。

Lauiuiでテーブルの行を非表示にする方法

このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.4. この方法は、すべてのブランドのコンピューターに適しています。

推奨: "javascript 基本チュートリアル"

layui を使用してデータテーブルを作成する場合、挿入されたデータの ID が連続した数字のセットである場合、 need layuiのcolsのtype属性を使用します。

Lauiuiでテーブルの行を非表示にする方法

table.render({
    elem: &#39;#test&#39;
    ,url:&#39;${pageContext.request.contextPath}/findcustomers&#39;
    ,cols: [[
      {align:&#39;center&#39;, title: &#39;编号&#39;, sort: true,type:&#39;numbers&#39;,width:100}
    ]]
    ,page: true
  });

ログイン後にコピー

順序付けられたシーケンスを取得します (ps: ここに width 属性を追加する必要があります。minWidth の使用は役に立ちません。width が使用されない場合は、layui が使用されます)テーブルのデフォルトの幅は 40)

Lauiuiでテーブルの行を非表示にする方法

次に、問題は、ID をどのように取得するかということです? ID 用に別の列を開くことができますか? ID が意味がある場合は、はい、意味がないけど必要な場合は、ID を非表示にした方が美しいでしょう。 layui2.4 バージョンより前は、layui データテーブル

Lauiuiでテーブルの行を非表示にする方法

  table.render({
    elem: &#39;#test&#39;
    ,url:&#39;${pageContext.request.contextPath}/findcustomers&#39;
    ,cols: [[
      {align:&#39;center&#39;, title: &#39;编号&#39;, sort: true,type:&#39;numbers&#39;,width:100}
      ,{field:&#39;cust_id&#39;, title: &#39;ID&#39;}
 
    ]]
     ,done:function(res,curr,count){ // 隐藏列
           $(".layui-table-box").find("[data-field=&#39;cust_id&#39;]").css("display","none");
           }
    ,page: true
  });

ログイン後にコピー

の Done パラメータを使用して ID を非表示にすることができましたが、数十分 1 秒の間、ID は非表示になります。列がロードされました。最後の列は非表示になりました。では、より効果的な方法はあるのでしょうか? Layui はロード時にのみ非表示にすることができます。そのため、layui のバージョン 2.4 では、layui のcols パラメータに新しい非表示属性が追加されました。

Lauiuiでテーブルの行を非表示にする方法

table.render({
    elem: &#39;#test&#39;
    ,url:&#39;${pageContext.request.contextPath}/findcustomers&#39;
    ,cols: [[
      {align:&#39;center&#39;, title: &#39;编号&#39;, sort: true,type:&#39;numbers&#39;,width:100}
      ,{field:&#39;cust_id&#39;, title: &#39;ID&#39;, hide:true}
 
    ]]
    ,page: true
  });

ログイン後にコピー

hide: true を追加するだけで、id 列を非表示にしてデータを取得できます。

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