Компонент Kendo Angular Sortable, не отображающий стили

Я использую кендосортный компонент для угловых 2+ в проекте. У меня есть сортируемый компонент, настроенный для использования шаблона, но я не могу получить стили в шаблоне для рендеринга. Например, в моем сортируемом шаблоне у меня есть диапазон с установленным стилем ширины, но эта ширина, кажется, игнорируется.

    <kendo-sortable
  [data]="palettes"
  [itemStyle]="{'float':'left', 'display': 'inline-block', 'width': '600px', 'color': item,
                'background-color': '#fffaed', 'margin': '4px' , 'border': '1px solid black', 'cursor': 'move'}">
    <ng-template let-palette="item">

      <span style="width: 500px; border-right:.5px solid red;">
          {{palette.name}}
       </span>
       previous width should be 500, but its not
    </ng-template>
</kendo-sortable>

Я пробовал с набором ViewEncapsulation и без него, а также со встроенным стилем, а также в классах. Ничто, кажется, не имеет никакого эффекта.

Я также попытался использовать flex и bootstrap в шаблоне безрезультатно.

В конечном счете, я пытаюсь сделать для каждого сортируемого ряда два отрезка. Первый установлен на определенную ширину.

Вот плункер вопроса

0 ответов

Другие вопросы по тегам