Problema incolonnamento tabella

yosef70

Nuovo Utente
15 Feb 2021
14
0
1
Salve,
sto provando a creare un elenco con intestazione fissa e scroll verticale, in parte riuscito se non per l'incolonnamento tra l'intestazione ed i dati di dettaglio.
Questo il codice che sto utilizzando:
Codice:
<?php
 session_start();

 if (!isset($_SESSION['amministrazione']) <> "" )
     header('location:index');
  
     include "db_connaps.php";

    $testo = $_POST['testo'];

    if ($chksctrib = "1")
        $sqlquery = "SELECT id, CODICE, RAG_SOC, CODICE_FISCALE, P_IVA, DOM_INDIRIZZO, DOM_DESCR_COM, DATA_NAS FROM anagrafica
                    WHERE RAG_SOC LIKE '".$testo."%'";

        $rs = mysqli_query($mysqli, $sqlquery);
        $nr = mysqli_num_rows($rs);

        // Popolamento tabella
        /*echo "<div class='table-responsive overflow-auto' style='height: 300px'>";*/
        echo "<table class='table'>";
        echo "<thead>
                <tr style='background-color: rgba(0, 0, 0,.03);'>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Rcontrib</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Codice</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Ragione sociale</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Codice fiscale</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Partita IVA</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Indirizzo</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Comune</th>
                    <th scope='col' style='color:#2271BA; padding:5px;' class='font-weight-normal'>Data nascta</th>
                </tr>
        </thead>";
        /*<tfoot style='background-color: rgba(0, 0, 0,.03);'>
        <tr>
            <td colspan='12' style='color:#2271BA; class='font-weight-normal'>'PROVA'.&nbsp;</td>
        </tr>
        </tfoot>*/
        echo "<tbody>
        <td colspan='12'>
        <div class='overflow-auto' style='height: 300px'>
        <table class='table'>";

            if ($nr != 0){
                for($x = 0; $x < $nr; $x++){
                    $row = mysqli_fetch_assoc($rs);
                    /*Tabella elenco anagrafica*/
                    echo "<tr>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['id'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['CODICE'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['RAG_SOC'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['CODICE_FISCALE'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['P_IVA'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['DOM_INDIRIZZO'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['DOM_DESCR_COM'] . "</td>";
                    echo "<td style='padding: 5px; font-size: 12px'>" . $row['DATA_NAS'] . "</td>";
                    echo "</tr>";
                }
            }else{
                echo "Nessun record trovato!";
            }
            // Chiudo la connessione ad DB
            mysqli_close($mysqli);
            echo "</table>";
            echo "</div>";
            echo "</td>";
            echo "</tr>";
            echo "</tbody>";
        echo "</table>";
    
?>

Allego schermata per far vedere il risultato,
E' possibile anche eliminare la riga vuota stretta al di sotto dell'intestazione?
Grazie
Giuseppe
 

Allegati

  • screen.png
    screen.png
    38,2 KB · Visite: 171

illiterate2020

Utente Attivo
28 Set 2020
57
5
8
Ciao Giuseppe per incolonnarli dovresti dare dentro lo style uno stesso width per le colonne di intestazione e le colonne dei dati ,per eliminare la riga vuota elimina credo <td colspan='12'> che non vedo cosa ci faccia li...prova ciao
 

yosef70

Nuovo Utente
15 Feb 2021
14
0
1
Ciao Giuseppe per incolonnarli dovresti dare dentro lo style uno stesso width per le colonne di intestazione e le colonne dei dati ,per eliminare la riga vuota elimina credo <td colspan='12'> che non vedo cosa ci faccia li...prova ciao
Grazie, provato ma poi ho problemi, non è più responsive, credo di cambiare ed utilizzare la paginazione, nel frattempo proverò ancora, e/o se qualcuno ha qualche soluzione. Il td colspan lo devo mettere altrimenti i dati cominciano un bel pò in basso, non subito sotto l'intestazione.
Ciao
 

illiterate2020

Utente Attivo
28 Set 2020
57
5
8
Ciao per preservare il responsive le dimensioni del width devono essere percentuali cioe tipo cosi width="35%"
 

macus_adi

Utente Attivo
5 Dic 2017
1.343
91
48
IT/SW
Ciao per preservare il responsive le dimensioni del width devono essere percentuali cioe tipo cosi width="35%"
?
Basterebbe utilizzare i breakpoint con i psudo-css senza assegnare dimensioni percentuali...
Anche perchè, per utilizzare correttamente su mobile una tabella si "dovrebbe" virtualizzare un "DataIterator" e non un "DataTable"....


Es pseudo-css
Codice:
td:nth-child(x){
    width:calc(100% - 36px );
}

X: indica l'i-esimo elemento

In questo modo puoi calcolare in modo esatto la dimensione massima della colonna, sfruttando il 100% del width!!
 

yosef70

Nuovo Utente
15 Feb 2021
14
0
1
?
Basterebbe utilizzare i breakpoint con i psudo-css senza assegnare dimensioni percentuali...
Anche perchè, per utilizzare correttamente su mobile una tabella si "dovrebbe" virtualizzare un "DataIterator" e non un "DataTable"....


Es pseudo-css
Codice:
td:nth-child(x){
    width:calc(100% - 36px );
}

X: indica l'i-esimo elemento

In questo modo puoi calcolare in modo esatto la dimensione massima della colonna, sfruttando il 100% del width!!
Non sono pratico di pseudo-css come potrei applicarlo al codice che ho postato? cmq credo di convertire e utilizzare la paginazione.
Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 1
Z Problema di sincronizzazione PAYPAL con PHP PHP 1

Discussioni simili