0

I have added clickEvent in my code fo MDBDataTable. I have some columns in table, I have added clickEvent but it applying for all columns. I need click event for all columns except "addBtn" column. Becausse it is contains buttons - Edit and Delete.

const data = {
columns: [
  {
    label: "First Name",
    field: "firstName",
    sort: "asc",
    width: 150,
  },
  {
    label: "Last Name",
    field: "lastName",
    sort: "asc",
    width: 150,
  },
  {
    label: "Email",
    field: "email",
    sort: "asc",
    width: 270,
  },
  {
    label: "Role",
    field: "authorities",
    sort: "asc",
    width: 200,
  },
  {
    label: "Contact",
    field: "phoneNumber",
    sort: "asc",
    width: 100,
  },
  {
    label: "Type",
    field: "userType",
    sort: "asc",
    width: 100,
  },
  {
    label: "Action",
    field: "addBtn",
    sort: "asc",
    width: 300,
  },
],

rows:
  userdData &&
  userdData.length > 0 &&
  userdData.map(rec => {
    return {
      firstName: rec?.firstName,
      lastName: rec?.lastName,
      email: rec?.email,
      authorities: rec?.authorities[0],
      phoneNumber: rec.phoneNumber !== null ? rec.phoneNumber !== null : "",
      userType: rec?.userType,
      addBtn: actionButtons(rec, rec?.id),
      clickEvent: () => handleClick(rec)
    }
  }),

}

I have attached screen shot of the my page

enter image description here

0 Answers0