search

jbetancur / react-data-table-component

A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
https://react-data-table-component.netlify.app
Apache License 2.0
2.05k stars 413 forks source link

Support for right click on rows #1144

Closed franverona closed 1 year ago

franverona commented 1 year ago

This PR contains:

Description

Add support for right click on table rows for allowing row context menu logic.

function MyTable({ columns, data }) {
    const handleRowRightClicked = row => {
        console.log(`${row.name} was right clicked!`);
    };

    return (
        <DataTable
            columns={columns}
            data={data}
            onRowRightClicked={handleRowRightClicked}
        />
    );
}
netlify[bot] commented 1 year ago

Deploy Preview for react-data-table-component ready!

Name Link
Latest commit ae75b55c4eb9880f8be58b65abb15b71939540f2
Latest deploy log https://app.netlify.com/sites/react-data-table-component/deploys/644e2f2dce65f6000869b9bc
Deploy Preview https://deploy-preview-1144--react-data-table-component.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

sadashivm commented 1 year ago

Hi @franverona , I'm sadashiv I'm unable to create a new issue here and for me create "new issue" button is not appearing anywhere.

Here I have added comment for two issues,

https://github.com/jbetancur/react-data-table-component/pull/1140

Do you have solution for above requirements?

  1. I need input search filter for each column / global search filter (It can search any column data)
  2. Selected rows not pushing in sequential order.

Kindly let me know, if you need further details