ngzorro表格列拖動修改寬度

訪問地址:https://zhtt.gitee.io/angular-demo/ng-zorro/dist/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>

 

 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章