小编rad*_*lbi的帖子

angular-material2工具栏阴影

我是材料2的新手我试图将主应用工具栏固定在屏幕顶部,问题是高程不正常(内容隐藏了工具栏的阴影)我这是我的HTML代码

.app-content {
  height: calc(100% - 64px);
  overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)
<md-toolbar class="mat-elevation-z5" color="primary" style="z-index: 100!important;">

  <button md-icon-button (click)="start.open()">
      <md-icon class="demo-toolbar-icon">menu</md-icon>
    </button>
  <span>E-Learning</span>

  <span class="demo-fill-remaining"></span>
</md-toolbar>
<div class="app-content" style="z-index: 0!important;">
  <div class="workspace">
    <el-teacher></el-teacher>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

css angular-material2 angular

14
推荐指数
1
解决办法
7497
查看次数

ngx-datatables 禁用列调整大小

我目前正在使用 ngx-datatable(with [columnMode]="'force'")我想阻止用户调整列大小。是否可以?我当前的代码如下所示:

<ngx-datatable *ngIf="viewType==='client-stats'"
             class='bootstrap fixed-header clients-infos'
             [rows]='rows'
             [columnMode]="'force'"
             [headerHeight]="34"
             [footerHeight]="60"
             [rowHeight]="60"
             [selectionType]="'multiClick'"
             [selected]="selectedRows"
             (select)='onSelect($event)'
             [limit]="10"
             >
  <ngx-datatable-column name="lastname">
     <ng-template let-value="value" ngx-datatable-cell-template>
       {{value |titlecase}}
     </ng-template>
  </ngx-datatable-column>
  <ngx-datatable-column name="Firstname">
    <ng-template let-value="value" ngx-datatable-cell-template>
      {{value |titlecase}}
    </ng-template>
    </ngx-datatable-column>
    ...
</ngx-datatable>
</section>
Run Code Online (Sandbox Code Playgroud)

ngx-datatable angular

3
推荐指数
1
解决办法
9275
查看次数

标签 统计

angular ×2

angular-material2 ×1

css ×1

ngx-datatable ×1