ng-zorro
文章平均质量分 53
LucianaMq
这个作者很懒,什么都没留下…
展开
-
angular——打印之坑(nz-modal里打印,出现打印不完全的问题)
项目场景:对话框中点击打印,打印数据不全以下是相同数据,产生的打印情景异常页面:正常页面:问题描述:打印数据量超过一页,点击打印后数据仅有一页,且页面最后混乱,其余数据已获取但不显示原因分析:在显示对话框时,html会增加个classcdk-global-scrollblock ,打印替换时,该class还会存在,导致页面不能被全打印出来,其中主要是position: fixed; 影响了整个页面布局.cdk-global-scrollblock { position:原创 2021-07-21 10:11:22 · 690 阅读 · 0 评论 -
ng-select多选时输入中文时光标靠左
项目场景:组件:下拉框可多选、搜索、清空版本:“ng-zorro-antd”: “~9.3.0”问题描述:仅当nzMode 为 multiple 或 tags 时,才存在以下问题1、当鼠标聚焦到下拉框时,无光标显示2、在输入中文进行下拉搜索时,光标是处于文字左边而不是右边,英文及数字均无此状况 <nz-select formControlName="data" nzMode="multiple" (ngModelChange)="onSearch()" nzAllowClear n原创 2021-07-09 11:31:33 · 444 阅读 · 0 评论 -
angular+ng-zorro表格拖拽
angular集成了cdk drag-drop 来实现拖拽功能app.modules.ts导入import { DragDropModule } from '@angular/cdk/drag-drop';imports: [ DragDropModule]一、表格内拖拽排序<nz-table [nzData]="sourceData" [nzFrontPagination]...原创 2020-01-23 11:58:40 · 3299 阅读 · 2 评论 -
angular ng-zorro中nz-table-table表格添加滚动条,表格错位
问题:表格固定表头,增加滚动条,导致表格内列头和内容错位解决办法指定th的nzWidth属性<nz-table [nzData]="targetData" [nzFrontPagination]="false" [nzShowPagination]="false" ...原创 2020-01-23 10:57:55 · 4627 阅读 · 2 评论 -
ng-zorro在前端分页的同时,表格添加、删除、编辑行
ng-zorro在前端分页的同时,表格添加、删除、编辑行添加行删除行注意点nzData 中的数据进行增删formGroupNameelement在前端分页的同时,表格添加、删除、编辑行与element相比,ng-zorro的表格组件的前端分页是封装好的,可直接使用,nz-table中的[nzFrontPagination]属性用于判断是否前端分页,默认值为true;添加行add() { ...原创 2019-12-11 12:07:02 · 1417 阅读 · 0 评论