HTML表wordwrap在表中与服务器数据

时间:2017-10-11 13:54:11

标签: php html mysqli html-table word-wrap

我有一张表,里面装满了我服务器的数据。每行允许250个字符。

这引发了一些问题,即某些细胞可能会长得很长。 现在我想将每行中的字符限制为特定的数量。

不知道如何解决它。也许是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>

1 个答案:

答案 0 :(得分:2)

这是我使用css的方法

&#13;
&#13;
function receiveData(endpoint, responseData) {
    return (dispatch, getState) => {
        // DISPATCH YOUR ACTION WITH RESPONSE DATA
        // AND ACCESS THE REDUX STORE        
    }
}
&#13;
th{
  
   max-width : 30px;
  white-space : nowrap;
  overflow : hidden;
}
&#13;
&#13;
&#13;