Laravel Backpack如何在Datatables单元格使用Tooltip及重写CRUD视图

你判断的原因正确：默认的tooltip初始化仅在页面首次DOM加载完成时执行，AJAX动态插入的DataTable元素不会被扫描到，所以不生效。
你可以监听DataTable的draw.dt事件，每次DataTable渲染完成后自动重新初始化tooltip，代码如下：

$(document).on('draw.dt', function() {
    // 先销毁已存在的tooltip实例避免重复绑定，再重新初始化
    $('[data-toggle="tooltip"]').tooltip('dispose').tooltip();
});

这段JS可以放在任意会在后台页面加载的自定义JS位置即可。

• 全局生效方案（修改对所有CRUD生效）
  Backpck默认会优先加载resources/views/vendor/backpack/目录下的视图，你只需将官方对应视图从vendor/backpack/crud/src/resources/views/路径复制到上述目录的对应位置，直接修改即可。例如你要全局修改show按钮的代码，就把修改后的文件存为resources/views/vendor/backpack/crud/buttons/show.blade.php。
  如果要添加全局自定义JS，直接修改resources/views/vendor/backpack/base/inc/foot.blade.php，把自定义JS代码写在该文件内，所有后台页面都会加载。
• 单CRUD专属方案（修改仅对指定CRUD生效）
  如果你只需要给某一个CRUD添加自定义JS，直接在对应CRUD Controller的setup()方法中调用addJS方法即可：

  // 引入独立的JS文件，文件存放在public/js/路径下
  $this->crud->addJS(asset('js/custom-tooltip-init.js'));
  
  // 也可以直接写内联JS
  $this->crud->addJS('
  $(document).on("draw.dt", function() {
      $(\'[data-toggle="tooltip"]\').tooltip("dispose").tooltip();
  });
  ');
  

  如果要重写单个CRUD的特定页面视图，可在setup()方法中指定视图路径：

  // 重写列表页视图，视图文件存放在resources/views/admin/路径下
  $this->crud->setListView('admin.custom-product-list');
  // 对应方法还有setShowView、setEditView、setCreateView，分别适配详情、编辑、新增页
  

• 单按钮重写方案（仅修改指定CRUD的单个按钮）
  如果你不需要全局修改按钮，仅要给某一个CRUD替换按钮视图，可在对应CRUD的setupListOperation()方法中调用modifyButton方法：

  $this->crud->modifyButton('show', [
      'view' => 'admin.buttons.custom-show-button'
  ]);
  

  把你修改后的按钮代码存为resources/views/admin/buttons/custom-show-button.blade.php即可，仅对当前CRUD生效。

内容的提问来源于stack exchange，提问作者realtebo