Make a MDBDataTable row clickable

<MDBDataTable
                data={{
                    columns: [
            {            
                label: 'Last Name',
                field: 'lastName',
                sort: 'asc',
            },
            {
                label: 'First Name',
                field: 'firstName',
                sort: 'asc',
            }], 
            rows: [
                {
                    firstName: 'value column',
                    lastName: 'value column 2',
                    clickEvent: () => this.handleClick(params)
                }
            ]
                }}
            />

Konrad Stępień staff commented 2 years ago

Hi @dtremblay.grt,

Very thank you for your answer. I think the question is resolved and your suggestion is a good way.

Best regards, Konrad.

---

revanth commented a year ago

Hi [@dtremblay.grt],

Your comment solved my problem thanks for that.

---

sushant commented a year ago

but what if the data coming from server

---

Konrad Stępień staff commented a year ago

Hi @sushant,

I think that you can download data asynchronously and after downloading render data with processed data.

We need to test it, or create properties suitable for our datatable.

Best regards, Konrad.

---

Ravali K commented a year ago

Hi @dtremblay.grt, What is params in clickEvent: () => this.handleClick(params)?

---

rh xie commented 7 months ago

How can I pass the row detail back?

---

Piotr Glejzer staff commented 7 months ago

did you try this clickable option?

---

Ricardo Miguel commented 5 months ago

this works, but if we choose the next page in the table, click on the line, it goes back to the first page of the datatable

---

{
  name: "Tiger Nixon",
  position: <Link to="/">Link</Link>,
  office: "Edinburgh",
  age: "61",
  date: "2011/04/25",
  salary: "$320"
},