Heim > Web-Frontend > Layui-Tutorial > Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

Freigeben: 2019-12-14 16:57:54
nach vorne
6175 Leute haben es durchsucht

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

Wenn Sie Laui zum Erstellen einer Datentabelle verwenden und die ID der eingefügten Daten eine Reihe aufeinanderfolgender Zahlen ist, müssen Sie das Typattribut von Spalten von Laui verwenden.

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

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

Wir erhalten eine geordnete Sequenz (ps: Das Breitenattribut muss hier hinzugefügt werden, die Verwendung von minWidth ist nutzlos. Wenn die Breite nicht verwendet wird, wird Laui verwendet Die Standardbreite der Tabelle beträgt 40)

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

Wie erhalten wir dann unsere ID? Sollten wir eine weitere Spalte für die ID öffnen? dann ist es in Ordnung, eine weitere Spalte zu öffnen. Ja, wenn es bedeutungslos, aber notwendig ist, wäre es schöner, die ID zu verbergen. Vor Version 2.4 von Laui konnten wir den Parameter done der Datentabelle von Laui verwenden.

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

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

kann die ID ausblenden, aber für ein paar Zehntelsekunden wird die ID-Spalte geladen und schließlich ausgeblendet. Gibt es also eine effektivere Möglichkeit? Layui kann es nur beim Laden verbergen. In Version 2.4 von Laui verfügt der Parameter „cols“ von Laui über ein neues Attribut „hide“.

Einführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen

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

Für mehr Laui-Wissen beachten Sie bitte die Spalte Tutorial zur Laui-Nutzung.

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zum Ausblenden von Spalten in Laui-Datentabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage