Есть ли способ настроить ширину столбцов в таблице по количеству столбцов? - PullRequest
0 голосов
/ 04 мая 2020

Я создаю таблицу с foreach l oop в php, которая создает столбцы. Есть ли возможность придать столбцам одинаковую ширину, например 3 столбца -> ширина столбца 33%, 4 столбца -> 25%, 5 столбцов -> 20% и т. Д.? Сейчас кажется, что ширина столбцов случайная.

код, если он вам нужен:

PHP / HTML

echo '<tr>';
    $permgroups = $perms->getPermissiongroups();
    foreach ($permgroups as $group) {
        if ($group != "user_ID") {
            echo '<th>'.$group.'</th>';
        }
    }
echo '</tr>';

CSS

.structure_content table {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 30px;
    background: #BDBDBD;
    width: 100%;
    float: right;
    border-top: 1px solid #CEDADC;
    border-bottom: 1px solid #CEDADC;
}

.structure_content th {
    font-size: 20px;
}

1 Ответ

0 голосов
/ 04 мая 2020

Просто дайте свой стол table-layout:fixed ....

table {
  table-layout:fixed;
    width:100%;
 margin-bottom: 1em;
}

td {
  padding:.5em;
  border:1px solid red;
}
<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...