React Table Tutorial - 14 - Selecting Rows

📱 Follow Codevolution

Selecting Rows with React Table

[beyondcode_]

Really a good example.. I have implemented such table for my project.. Your code structure was really good.. I have implemented sortable table as well

[webcodejournal]

Your videos are extremely helpful. Thank you. 🙏🏻

[PedroHenrique-eteo]

thank you very much for these videos man!!!

[jasonmanns]

thanks for these videos, would you be able to show an example of
deleting a row and preventing a re render to keep the current search and
ordering filters

[WilliamCobb]

Great example, thank you for posting this series!

Question: when clicking the header checkbox to 'select all' I noticed it selects every row (past the 10 shown). I'd be nice to learn how to change this so that only the visible rows are selected instead.

[parirockslolirock]

Vishwas, can u plz suggest a way to make the first column in a table as
clickable, so that any user-defined task can be performed on the click
of first column. Rest of the columns can remain as is.

[jeelpatel]

Now it is working without removing strict mode.

[DevOpsHasan]

Please show with button or Link or <a> to go to the details page. Thanks for share. Button has more use case then checkbox.

[rajanbhirud]

Any idea how row selection can be used with searching?
When we search the table the existing row selections which are not part of search results gets discarded.

[mubarakahmed]

where did get the code for checkbox.js from am I the only one suprised i tried typing it but when compiling my code this where some errors
1)src\Checkbox.js
Line 3:45: 'indeterminate' is not defined no-undef
Line 3:63: 'rest' is not defined no-undef
Line 4:22: React Hook "React.useRef" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks
Line 7:3: React Hook "React.useEffect" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks
Line 8:41: 'indeterminate' is not defined no-undef
Line 9:20: 'indeterminate' is not defined no-undef
Line 13:54: 'rest' is not defined no-undef

2) secondly where did get serviceWorkers components from
please can someone help me out

[Mohit-wbbp]

How can i render a select element in one column and when the row is selected I can change that select elements value and send request to my update row api endpoint.

[shivrajnag]

Codevolution, Can you please tell how to preserve the selected rows on server side search and pagination ? Thanks

[petarkolev]

I need an example with Edit button that gives you the option to edit only single row of the table :(

[shantanu]

sir how can i add this checkbox quality to row elements (i want to show data like you but without

[smeel]

Thanks for nice explaination. Can anybody tell how to limit number of rows to be selected? i.e. If I want to limit only 5 rows can be selected.

[AndroapkzoneBlogspotInapps]

Nice video Very helpful. I also wanted to select the rows on mouse scroll or using shift/ ctrl + mouse scroll. ANYBODY who can help me with this?

[jogre]

any work around to select all the rows per page, i mean page 2, select from index 11 to 20 ?

[kamilkacperek]

Have you considered remaking the series for new @tanstack table? It seems they introduced breaking changes to the package.

[dhrutikapatel]

how to make the default value for check box as checked in this example shown in video

[vijaybhaskardamera]

How can we copy the selected row with displaying a copy icon at last