ngzorro表格列拖动修改宽度

最新推荐文章于 2023-02-18 08:03:58 发布

清月晨光

最新推荐文章于 2023-02-18 08:03:58 发布

阅读量2.4k

点赞数 1

分类专栏： angular

本文链接：https://blog.csdn.net/ztt_1119/article/details/105475401

版权

angular 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

访问地址：https://zhtt.gitee.io/angular-demo/ng-zorro/#/list/drag-table

安装依赖

npm i great-ngform --save

导入模块

import {GreatDirectiveModule} from "great-ngform";

在需要拖拽的组件中初始化宽度

  greatTableDragCfg = {
    x: '1320px',
    nameWidth: '120px',
  };

 <nz-table
    #basicTable
    [nzData]="listOfData"
    [nzScroll]="greatTableDragCfg"
  >
    <thead>
    <tr>
      <th
        [style.width]="greatTableDragCfg.nameWidth"
        [greatTableColumnDrag]="greatTableDragCfg"
        columnName="nameWidth"
      >Name
      </th>
    </tr>
    </thead>
  </nz-table>