Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Utsikt: 15847|Svar: 0

[Bootstrap] Bootstrap Datatable är en enkel grundläggande konfiguration

[Kopiera länk]
Publicerad på 2015-11-02 16:47:09 | | | |


$(document).ready(function() {
    $('#example').dataTable({
"sScrollX": "100%", // bordets bredd
  "sScrollXInner": "110%", //Tabellens innehållsbredd
  "bScrollCollapse": sann, //När den visade datan inte är tillräckligt stor för att stödja tabellens standardhöjd, visas fortfarande den vertikala rullningslisten. (Default är falsk)
"bPaginate": sann, //om paginering visas
  "bLengthChange": sann, //Antal poster som visas per sida
  "bFilter": true, //sökfält
  "bSort": sann, //om sorteringsfunktionen stöds
  "bInfo": sann, //Visar tabellinformation
  "bAutoWidth": falsk, //Adaptiv bredd
  "aaSorting": [[1, "asc"]], //Sortera listan, den första parametern representerar arrayen (börjar från 0). 1 indikerar kolumnen Webbläsare. Den andra parametern är desc eller asc
  "aoColumns": [
      null,
      null,
      {
          "bVisible": sann, //invisible
          "bSökbar": falsk, //deltar i sökningen
      },
      null,
      null
  ], // kolumninställningar, finns det flera kolumner i tabellen och flera objekt i matrisen
   "bStateSave": sann, //Spara tillstånd till cookie *************** är viktigt, när sidan uppdateras vid sökning försvinner sökningen. Denna egenskap kan undvikas
  "sPaginationType": "full_numbers", //pagination, två stilar, full_numbers och two_button (standard)
  "oLanguage": {
      "sLengthMenu": "Visa _MENU_ poster per sida",
      "sZeroRecords": "Tyvärr, ingen relevant data kan frågas",
      "sInfo": "Visar för närvarande _START_ till _END_ för _TOTAL_ poster",
      "sInfoEmtpy": "Inga data hittades",
      "sInfoFiltered": "Totalt _MAX_ poster i datatabellen)",
      "sProcessing": "Laddar...",
      "sSearch": "search",
      "sUrl": "", //flerspråkig konfigurationsfil, som låter dig lägga oLanguage-inställningar i en txt-fil, t.ex. Javascrip{filter}t/datatable/dtCH.txt
      "oPaginate": {
          "sFirst": "första sidan",
          "sFöregående": "Föregående",
          "sNext": "Next",
          "sLast": "Sista sidan"
      }
  }, //Flerspråkig konfiguration
"bJQueryUI": falskt, //Du kan lägga till jqurys UI-tema kräver att CSS läggs till
       "aLengthMenu": [[10, 25, 50, -1, 0], ["10 poster per sida", "25 poster per sida", "50 poster per sida", "visa all data", "visa inte data"]] // Ställ in rullgardinsmenyn att visa poster per sida
    });
});
Anropa standardinställningarna direkt

$('#example').dataTable();





Föregående:C# genererar slumpmässiga tal
Nästa:Jquery dataTable laddar dynamiskt data för ajax-förfrågningar
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.

Mail To:help@itsvse.com