Wordwrap de table HTML dans le tableau avec les données du serveur

J'ai une table qui est remplie avec des données de mon serveur. Pour chaque ligne, 250 caractères sont autorisés.Wordwrap de table HTML dans le tableau avec les données du serveur

Cela conduit au problème que certaines cellules pourraient avoir un très long witdh. Maintenant je veux limiter les caractères dans chaque rangée à un montant spécifique.

Je ne sais pas comment le résoudre. Peut-être que la fonction CSS ou PHP?

Mon code:

<html> 
<head></head> 

<body> 
<table name = "userDetails"> 
    <tr> 
     <th>id</th> 
     <th>Gleitzeitrahmen</th> 
     <th>Abweichungen</th> 
     <th>Mehrarbeitervolumen</th> 
     <th>Mehrarbeit</th> 
     <th>Ausgleich</th> 
     <th>Mehrarbeit</th> 
     <th>Personalmassnahmen</th> 
     <th>Ueberstunden_abzusehen</th> 
     <th>Klaerungsbedarfe</th> 
     <th>Klaerungsbedarfe</th> 

    </tr> 
<?php 
$servername = "localhost"; 
$username = "root"; 
$password = ""; //your database password 
$dbname = "quartalsuebersicht"; //your database name 

$con = new mysqli($servername, $username, $password, $dbname); 

if ($con->connect_error) { 
    die("Connection failed: " . $con->connect_error); 
} 
else 
{ 
    //echo ("Connect Successfully"); 
} 

$sql_table_main = "SELECT id,name_Gleitzeitrahmen, name_Abweichungen, name_Mehrarbeitervolumen, name_Mehrarbeit1, name_Ausgleich, name_Mehrarbeit2, name_Personalmassnahmen, name_Ueberstunden_abzusehen, name_Klaerungsbedarfe1, name_Klaerungsbedarfe2 FROM dashboard"; 

     $result_table_main = mysqli_query($con, $sql_table_main); 
     if(mysqli_num_rows($result_table_main) > 0){ 

      while ($row = mysqli_fetch_assoc($result_table_main)) { 
       echo '<tr>'; 
       echo '<td>'. $row['id'] .'</td>'; 
       echo '<td>'. $row['name_Gleitzeitrahmen'] .'</td>'; 
       echo '<td>'. $row['name_Abweichungen'] .'</td>'; 
       echo '<td>'. $row['name_Mehrarbeitervolumen'] .'</td>'; 
       echo '<td>'. $row['name_Mehrarbeit1'] .'</td>'; 
       echo '<td>'. $row['name_Ausgleich'] .'</td>'; 
       echo '<td>'. $row['name_Mehrarbeit2'] .'</td>'; 
       echo '<td>'. $row['name_Personalmassnahmen'] .'</td>'; 
       echo '<td>'. $row['name_Ueberstunden_abzusehen'] .'</td>'; 
       echo '<td>'. $row['name_Klaerungsbedarfe1'] .'</td>'; 
       echo '<td>'. $row['name_Klaerungsbedarfe2'] .'</td>'; 
       echo '</tr>'; 
      } 
     } 
?> 
</table> 

</body> 
</html>

Source

2017-10-11 Ck2513

Voici mon approche en utilisant css

th{ 
 
    
 
    max-width : 30px; 
 
    white-space : nowrap; 
 
    overflow : hidden; 
 
}

<table name = "userDetails"> 
 
    <tr> 
 
     <th >id</th> 
 
     <th >Gleitzeitrahm</th> 
 
     <th>Abweichungen</th> 
 
     <th>Mehrarbeitervolumen</th> 
 
     <th>Mehrarbeit</th> 
 
     <th>Ausgleich</th> 
 
     <th>Mehrarbeit</th> 
 
     <th>Personalmassnahmen</th> 
 
     <th>Ueberstunden_abzusehen</th> 
 
     <th>Klaerungsbedarfe</th> 
 
     <th>Klaerungsbedarfe</th> 
 

 
    </tr> 
 
    </table>

Source

2017-10-11 14:00:53

Wordwrap de table HTML dans le tableau avec les données du serveur

Répondre

Questions connexes