ясность сетки данных не выравнивает столбцы в угловом приложении - PullRequest
Новая
       22

ясность сетки данных не выравнивает столбцы в угловом приложении

0 голосов
/ 05 декабря 2018

Простое стартовое приложение с ясностью 1.0.0.При попытке отобразить сетку данных не удается выровнять столбцы по строкам. 

<clr-datagrid>
  <clr-dg-column>ID</clr-dg-column>
  <clr-dg-column>First Name</clr-dg-column>
  <clr-dg-column>Last Name</clr-dg-column>
  <clr-dg-column>Email</clr-dg-column>
  <clr-dg-column>Gender</clr-dg-column>
  <clr-dg-column>IP Address</clr-dg-column>
  <clr-dg-column>Department</clr-dg-column>

  <clr-dg-row *clrDgItems="let employee of employees">
    <clr-dg-cell>{{employee.id}}</clr-dg-cell>
    <clr-dg-cell>{{employee.first_name}}</clr-dg-cell>
    <clr-dg-cell>{{employee.last_name}}</clr-dg-cell>
    <clr-dg-cell>{{employee.email}}</clr-dg-cell>
    <clr-dg-cell>{{employee.ip_address}}</clr-dg-cell>
    <clr-dg-cell>{{employee.department}}</clr-dg-cell>
  </clr-dg-row>
  <clr-dg-footer><clr-dg-footer>
    <clr-dg-pagination #pagination [clrDgPageSize]="10">
      <clr-dg-page-size [clrPageSizeOptions]="[10,20,50,100]">Employees per page</clr-dg-page-size>
      {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}}
      of {{pagination.totalItems}} users
    </clr-dg-pagination>
  </clr-dg-footer></clr-dg-footer>
</clr-datagrid>

enter image description here

1 Ответ

0 голосов
/ 05 декабря 2018

Похоже, у вас объявлен дополнительный столбец, но нет соответствующей ячейки для него.Это должно работать для вас. 

    <clr-datagrid>
      <clr-dg-column>ID</clr-dg-column>
      <clr-dg-column>First Name</clr-dg-column>
      <clr-dg-column>Last Name</clr-dg-column>
      <clr-dg-column>Email</clr-dg-column>
      <clr-dg-column>Gender</clr-dg-column>
      <clr-dg-column>IP Address</clr-dg-column>
      <clr-dg-column>Department</clr-dg-column>

      <clr-dg-row *clrDgItems="let employee of employees">
        <clr-dg-cell>{{employee.id}}</clr-dg-cell>
        <clr-dg-cell>{{employee.first_name}}</clr-dg-cell>
        <clr-dg-cell>{{employee.last_name}}</clr-dg-cell>
        <clr-dg-cell>{{employee.email}}</clr-dg-cell>
<clr-dg-cell>{{employee.gender}}</clr-dg-cell>
        <clr-dg-cell>{{employee.ip_address}}</clr-dg-cell>
        <clr-dg-cell>{{employee.department}}</clr-dg-cell>
      </clr-dg-row>
    </clr-datagrid>

Вот стек с его работой.

...