Angular后台数据进行渲染到页面表单_利用angular控件对页面表单下载

Angular后台数据进行渲染到页面表单_利用angular控件对页面表单下载

Angular后台数据进行渲染到页面表单

查询所有数据

 //查询所有数据selectAllSn() {this.http.get(webApiUrls.holdlist.selectAll, null,).subscribe(res => {console.log(res.data);//数据存储到datasthis.datas = res.data;})}

数据表单渲染_查询出来的数据栏位进行_数据和栏位对应

  columns: STColumn[] = [{ title: '序号', index: 'id' },{ title: '日期', index: 'datatime' },{ title: '机种', index: 'code' }];

在前台页面中放_[columns]=“columns” [data]=“datas”

<nz-card><span class="title">查詢所有信息span><st #st [columns]="columns" [data]="datas">st>
nz-card>

Angular表格对当前表格下载_加上_button

<nz-card><span class="title">查詢所有信息span><button nz-button (click)="st.export(datas,{ filename: '给当前表格命名.xlsx', sheetname: '给当前表格命名' })">...button><st #st [columns]="columns" [data]="datas">st>
nz-card>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！