Vue - ag-grid - 如何过滤 cellRendererFramework 组件

问题描述

我有一个使用 cellRendererFramework 组件向用户显示数据的表。 ag-grid 提供的默认过滤器不起作用（它既不排序也不搜索）。

以下是相关代码，感谢您对如何过滤此列的任何帮助。

components: {
    datatable,'assignmentComponent': {
      name: 'assignmentComponent',template: '<div>' +
          '<div v-for="ass in params.data.rel_assignments" v-if="ass.assigned"> ' +
          '{{ass.company.company_name}} [{{ass.order_job.order_ref}}]' +
          ' </div>' +
          '</div>'
    }
  },data() {
    return {
      workers: null,loadingMessage: 'Loading Workers...',norowsMessage: 'No Workers Found',columns: [
        {headerName: 'Finance Ref',field: 'internal_finance_ref',width: 110,suppressSizetoFit: true,pinned: 'left'},{headerName: 'Name',minWidth: 175,pinned: 'left',valueGetter: this.full_name_vg},{headerName: 'Job Title',minWidth: 140,valueGetter: this.job_title_vg},{
          headerName: 'Current Assignment',minWidth: 250,cellRendererFramework: 'assignmentComponent'
        },{headerName: 'NI',field: 'rel_profile.ni_number',minWidth: 100},{headerName: 'UTR',field: 'rel_profile.personal_utr_number',minWidth: 110},{headerName: 'Email',minWidth: 200,valueGetter: this.login_email_vg},{headerName: 'Mobile',minWidth: 105,valueGetter: this.mobile_vg},// {headerName: 'Trading As',field: 'rel_company_info.company_Trading_name',minWidth: 200},{headerName: 'PA Ins',field: 'rel_services.personal_accident_insurance',minWidth: 85},{headerName: 'Tax',field: 'rel_services.genius_tax',]
    }
  },

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）