angular ширина заголовка таблицы не выравнивается после создания заголовка компонента - PullRequest
Новая
       41

angular ширина заголовка таблицы не выравнивается после создания заголовка компонента

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

Итак, это базовый c стол 

<table class="table table-striped">

    <thead>
            <th scope="col">Name</th>
            <th scope="col">City</th>
            <th scope="col">State</th>
    </thead>
    <tbody>
        <tr *ngFor="let data of Array">
            <td>{{ data.name }}</td>
            <td>{{ data.city }}</td>
            <td>{{ data.state }}</td>
        </tr>
    </tbody>
</table>

Но когда я беру заголовок и помещаю его в компонент, ширина заголовков не совпадает с шириной столбцов таблицы 

<table class="table table-striped">

    <thead>
        <app-tableheader></app-tableheader>
    </thead>
    <tbody>
        <tr *ngFor="let data of Array">
            <td>{{ data.name }}</td>
            <td>{{ data.city }}</td>
            <td>{{ data.state }}</td>
        </tr>
    </tbody>
</table>

и вот компонент теперь с тем же html

<tr>
    <th scope="col">Name</th>
    <th scope="col">City</th>
    <th scope="col">State</th>
</tr>

Так что я не совсем понимаю, чего мне здесь не хватает. Новое в осмыслении angular.

...