У меня есть таблица, которая заполнена данными с моего сервера. Для каждой строки допустимо 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>
Вот мой подход с использованием 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>
Других решений пока нет …