过滤器输入未调整为列大小,过滤器按钮不可见

时间:2017-10-06 22:31:16

标签: angular kendo-ui-angular2

我有7列,只有第一列,你可以看到有漏斗按钮,其余的似乎被卡在右边的按钮后面。
我应该采取哪些措施来防止这种情况发生?

I have multiple columns in this grid and only the first column has the filter button but the rest dont seem to show up

<kendo-grid #grid [data]="gridView" [pageSize]="state.take" [skip]="state.skip" [sort]="state.sort" [filter]="state.filter"
          [scrollable]="'virtual'" [rowHeight]="35" [height]="450" [filterable]="true" [sortable]="true" (dataStateChange)="dataStateChange($event)">
          <kendo-grid-column field="message" title="M" width="150">
            <ng-template kendoGridCellTemplate let-dataItem>
              <ng-template [ngIf]="dataItem.mT == 'W'">
                <i class="zmdi zmdi-alert-triangle zmdi-hc-fw zmdi-hc-lg c-amber pull-left"></i>
              </ng-template>
              <ng-template [ngIf]="dataItem.mT == 'E'">
                <i class="zmdi zmdi-alert-circle zmdi-hc-fw zmdi-hc-lg c-red pull-left"></i>
              </ng-template>
              <div>{{dataItem.m}}</div>
            </ng-template>
          </kendo-grid-column>
          <kendo-grid-column field="fn" title="F" width="100"></kendo-grid-column>
          <kendo-grid-column field="sn" title="S" width="75"></kendo-grid-column>
          <kendo-grid-column field="sac" title="Su" width="100"></kendo-grid-column>
          <kendo-grid-column field="o" title="DP" width="100"></kendo-grid-column>
          <kendo-grid-column field="pr" title="Date" width="125">
            <ng-template kendoGridCellTemplate let-dataItem>
              <div>{{formatDate(dataItem.pr)}}</div>
            </ng-template>
          </kendo-grid-column>
          <kendo-grid-column field="sfn" title="S" width="75"></kendo-grid-column> -->
        </kendo-grid>

注意:在调查各个输入时,即使各个列的大小不同,它们的大小也相同

0 个答案:

没有答案