Выполняет функцию, когда я применяю фильтр, материал-таблица

#reactjs #material-table

#reactjs #материал-таблица

Вопрос:

Я работаю с Material_table, я ищу то, что когда мой пользователь применяет фильтр для отправки метода

введите описание изображения здесь

Я хочу вызвать этот метод

  const subscribeRemoteRequestsArticle = (id) => {
    subscriptionRemoteRequests = API.graphql(
     .....
     .....
 }
  

Таблица

 <MaterialTable
                icons={tableIcons}
                columns={[
                  {
                    field: "clacte",
                    title: props.translate("Key"),
                    /* customFilterAndSearch: (term, rowData) => subscribeRemoteRequestsArticle <-- here perform the test  */  
                  },
                  {
                    field: "nomcte",
                    title: props.translate("Customers"),
                  },
                  {
                    field: "nomemp",
                    title: props.translate("Company Key"),
                  },
                  {
                    field: "nomregion",
                    title: props.translate("Name region"),
                  },
                  {
                    field: "nomgirocom",
                    title: props.translate("Commercial Business"),
                    /* lookup: "NomGiroCom", */
                  },
                ]}
                data={customerList}
                title={props.translate("List of customers")} //
                options={{
                  selection: true,
                  filtering: true,
                  search: false,
                  searchable: false,
                  selectionProps: rowData => ({
                    disabled: rowData.name === 'Mehmet',
                    color: 'primary',

                  })
                }}
                onSelectionChange={SelectRows}
                localization={localization(props)}

              />
  

Кто-нибудь, кто может сказать мне, как это сделать, или где я могу найти документацию, чтобы ответить на мой вопрос?

Ответ №1:

Передайте свою пользовательскую функцию в prop columns .

 <MaterialTable
      columns={[
        {
          title: 'Clave', 
          field: 'clave',
          customFilterAndSearch: (term, rowData) => subscribeRemoteRequestsArticle // here
        }
      ]}

      options={{
        filtering: true
      }}
    />
  

Комментарии:

1. Можете ли вы предоставить больше кода? Это может быть несколько разных вещей, состояние не обновляется, ожидание ответа от вызова и т.д…