时间戳

首页 > 解决方案 > 单击事件在固定列中的克隆按钮中不起作用

angular - 单击事件在固定列中的克隆按钮中不起作用

问题描述

在遵循https://stackoverflow.com/a/62034229/4217097使 fixedColumns 在 Angular Datatables 中工作后，我发现固定列内的按钮不再触发（单击）事件。固定的列虽然没问题。

角.json

  "styles": [
         "src/styles.scss",
         "node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css",
         "node_modules/datatables.net-fixedcolumns-bs/css/fixedColumns.bootstrap.css"
  ],
  "scripts": [
         "node_modules/jquery/dist/jquery.js",
         "node_modules/datatables.net/js/jquery.dataTables.js",
         "node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js",
         "node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.min.js"
  ]

组件.ts

   import { DataTableDirective } from 'angular-datatables';
   import 'datatables.net-fixedcolumns';

   ...

   this.dtOptionsTasklist = {
       fixedColumns:  {
          leftColumns: 1,
          rightColumns: 1
       }
   }

如果你以前解决过这个问题，请告诉我！

标签： angulardatatablesangular-datatables

解决方案

好吧，对于将来使用谷歌搜索的任何人，只要position:sticky;您只需要支持现代浏览器就可以使用。在此处查看解决方案：纯 css 上具有固定标题和固定列的表

推荐阅读