HTML table 使用服务器数据在 table 中自动换行

Question

我有一个 table，里面装满了来自我的服务器的数据。每行允许 250 个字符。

这会导致某些单元格可能有很长的 witdh 的问题。现在我想将每行中的字符限制为特定数量。

不知道怎么解决。也许 CSS 或 PHP 函数？

我的代码：

<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>

Answer 1

这是我使用 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>

HTML table 使用服务器数据在 table 中自动换行

HTML table wordwrap in table with server data

html

php

mysqli

html-table

word-wrap