grid 冻结列 上下滚动实现

fengxiang

2018-03-25 4e4cae085739fd5e72e047d368351bfd6ceaf4e3

 src/app/routes/devices/basic-info/device-edit/device-edit.component.html

@@ -11,7 +11,7 @@
            </nz-input>
          </div>
          <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
            <label>mac</label>
            <label nz-form-item-required>mac</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
                <nz-input formControlName="mac" maxlength="20" [nzPlaceHolder]="'mac地址'">
@@ -57,7 +57,7 @@
                    </nz-option>
                  </nz-select>
              </div>
          </div>  
          </div>
          <div nz-form-item  nz-row class="mb-sm">
            <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
              <label>监控点</label>
@@ -76,23 +76,23 @@
                <nz-input formControlName="address" maxlength="20" [nzPlaceHolder]="'设备安装的具体地址'">
                </nz-input>
            </div>
          </div>   
          </div>
          <div nz-form-item  nz-row class="mb-sm">
              <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
                <label>生产时间</label>
              </div>
              <div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
                  <nz-datepicker nzSize="large"  style="width: 100%;" formControlName="createTime" nzShowTime  [nzPlaceHolder]="'选择时间'"
                  [nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>          
                  [nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
              </div>
              <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
                <label>安装时间</label>
              </div>
              <div nz-form-control nz-col [nzSpan]="7" nzHasFeedback>
                  <nz-datepicker nzSize="large"  style="width: 100%;" formControlName="installTime" nzShowTime  [nzPlaceHolder]="'选择时间'"
                  [nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>          
                  [nzFormat]="'YYYY-MM-DD HH:mm:ss'" ></nz-datepicker>
              </div>
            </div>   
            </div>
    <div class="modal-footer">
        <button nz-button type="button" (click)="close()">关闭</button>
        <button nz-button [nzType]="'primary'" [nzLoading]="isSaving">
@@ -102,4 +102,4 @@
          </span>
        </button>
    </div>
  </form>
  </form>