react data table component clicking on a row and triggering an event

Question

I have a react DataTable component like below:

<DataTable
     title="Your Tickets"
     columns={columns}
     style={{backgroundColor: '#000'}}
     data={tickets}
     pagination
     defaultSortAsc={false}
     defaultSortField="updated_at"
     customStyles={customStyles}                                        
                                    />

All i'm trying to achieve is when i click on a row, i want to show the ID of that specific row. How can i do that?

senerdude · Accepted Answer · 2022-12-13 16:35:42Z

1

I'm not sure what you mean by "show". But you can get your id by onRowClicked.

    const handleRowClicked = row => {
        console.log(row.id)
    }

    <DataTable
        columns={columns}
        data={tickets}
        onRowClicked={handleRowClicked}
    />

answered Dec 13, 2022 at 16:35

senerdude

1181 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

react data table component clicking on a row and triggering an event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related