» »

jQuery table pagination

jQuery table pagination

fishstick ::

Zdravo

Imam funkcijo, ki prikaze vse stranke v tabeli. Tabela se mi rastegne cez celo stran, rad bi da ostane v div-u, da je mogoce pregledovanje po straneh. Trenutno imam 70 zapisov..Zadevo nujno potrebujem, ker sledijo tudi daljsi zapisi.

Kako vi resite tak problem?
2 uri se zezam s telimi plug-ini: Nekateri sploh ne bendajo, drugi mi javljajo errorje,..

se koda :
function displayCustomers() {

    var dataString="load=Customers";

    $.ajax({
        type : "GET",
        url: "customers.php",
        data: dataString,
        dataType : "JSON",

            //filling Customers
        success: function(data) {
            var table = document.createElement("table");


           for ( var i = 0; i < data.length;i++) {
              var tr = document.createElement("tr");

               //table data
              var td0 = document.createElement("td");
              var td1 = document.createElement("td");
              var td2 = document.createElement("td");
              var td3 = document.createElement("td");
              var td4 = document.createElement("td");

               //table text data
               var text0 = document.createTextNode(data[i].CustomerId);
              var text1 = document.createTextNode(data[i].FirstName);
              var text2 = document.createTextNode(data[i].LastName);
              var text3 = document.createTextNode(data[i].City);
              var text4 = document.createTextNode(data[i].Country);

              td0.appendChild(text0);
              td1.appendChild(text1);
              td2.appendChild(text2);
              td3.appendChild(text3);
              td4.appendChild(text4);

              tr.appendChild(td0);
              tr.appendChild(td1);
              tr.appendChild(td2);
              tr.appendChild(td3);
              tr.appendChild(td4);

               table.appendChild(tr);
           }

            $("#panel").append(table);
            $("table").DataTable({
                "paging":true
            });

        },
            // Error on filling customers
        error: function() {
            $("#error").show("slow");
            $("#errormsg").text("Error cant load Customers");
        }
    });

nightrage ::

Rešitev je jTable.org -> link :)

c-lox ::

Kar želiš pride z DataTable OutOfTheBox.
Si dobro pregledal dokumentacijo? Imaš referenco na DataTables CSS?

Tu maš osnovno konfiguracijo:
https://www.datatables.net/examples/bas...

Drugič reproduciraj in deli problem v JSFiddle, da ne bomo tule na suho debugirali tvojih napak.
!not my imagination.

Lavish ::

uporabi bootstrap vnaprej pripravljene grid layoute..v njih zapisuj tabelo.

fishstick ::

@c-lox bom vzel na znanje šefe za JSFiddle

Sem resil z jTable..nisem hotel vpletati se bootstrapa.

Hvala


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Jquery

Oddelek: Izdelava spletišč
151804 (1528) mk818764
»

Hacked

Oddelek: Izdelava spletišč
111449 (810) stb
»

youtube dolpoteg

Oddelek: Pomoč in nasveti
71102 (1002) pino
»

Javascript problemcek

Oddelek: Programiranje
141596 (1389) tempoFlow
»

js generiran input hidden noče biti POSTan z php

Oddelek: Izdelava spletišč
51815 (1732) Buffy

Več podobnih tem