Angular Kendo - Установить ширину столбца сетки в CSS или SCSS - PullRequest
Новая
       27

Angular Kendo - Установить ширину столбца сетки в CSS или SCSS

1 голос
/ 02 ноября 2019

Как установить ширину столбца сетки Кендо в угловом SCSS? Следующее значение будет устанавливать ширину в Angular HTML, 

[width]="80"

Однако я пытаюсь перенести свойства стиля из HTML в CSS. 

<kendo-grid [data]="propertyViews" [style.height.%]="100"
  [selectable]="false"
  [filterable]="false"
  scrollable="none"
  [height]="350"
  [sortable]="false"
  [pageable]="false"
  [loading]="loadingData">


    <kendo-grid-column field="ownerCombinedname" title="Full Name" [width]="120">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <div>{{dataItem.ownerCombinedname}}</div>
        </ng-template>      
    </kendo-grid-column>
    <kendo-grid-column field="address" title="Mailing Address" [width]="80">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <div>{{dataItem.address}}</div>
        </ng-template>
    </kendo-grid-column>

Предлагаемое решение:

Я пытался сделать это в SCSS и т. Д., Но это не сработало. Кажется, Кендо обгоняет мою таблицу стилей CSS. 

td[ng-reflect-logical-col-index="0"] {
    width: 120px;
  }

td[ng-reflect-logical-col-index="1"] {
    width: 80px;
  }

Ресурсы:

https://www.telerik.com/blogs/diving-into-the-kendo-ui-grid-with-angular

1 Ответ

1 голос
/ 02 ноября 2019

Где вы разместили свой CSS? Если это ваш component.scss, то это может быть связано с изоляцией стиля.

Вам необходимо объявить scss в глобальном файле. Проверьте https://blog.angular -university.io / angular-host-context /

Дайте мне знать, если это работает для вас.

...