react-bootstrap-table2 | Next Generation | Grid library

I want to achieve something that is in my current sandbox:

Currently I've hardcoded the nonSelectable: [1, 2] so it will make row 1 and 2 unselectable.

Now I want to make the rows unselectable based on the file's createdByID.

If the file's createdByID is same with the user's login ID, then it will be selectable, else it won't, but my issue now is that how do I get each row's data and compare their createdByID with the user's ID then return the indexes that needs their checkbox to be disabled as an array to the nonSelectable prop?

I've found this link but I'm not quite sure how to get it work as I am not sure where to get the key.

I am trying to build react prod docker container with Azure DevOps pipelines. After I upgrade my build environment and code, Pipeline failed. After some research I add "--node-flags --max-old-space-size=8192" statement my build command. But it didn't matter. I also try tried relevant node containers for a build, it didn't work.

I cant access my redux state for a title={groupDetails.group.data.title} in the component below, But I have no problem console.log(groupDetails.group.data.title) in a button and getting the correct response.

Why is the title undefined when trying to have it run on first render? I was thinking it must be an issue with the useEffect.

Any help is much appreciated

I'm creating 2 pages (Summary and Cycles pages) using react.js.

On the Summary page, there is a column named CN that every item links to the Cycles page.

Summary page has a path /route/summary/location=abc and Cycles page has a path /route/cycle/location=abc/deviceId=4410

For example, if I click the value from CN column in the first row of the table inside the Summary page, I will be redirected to the Cycles page with the path /route/cycle/location=abc/deviceId=4410.

In the Summary page, I use https://github.com/react-bootstrap-table/react-bootstrap-table2 for the table component and I use a columnRenderer function inside columns.js to render a custom item inside the table like this one:

How can I put the pathname (example "abc") to a Link component inside cnColumnRenderer function in columns.js?

Summary page with the path: /route/summary/location=abc

Cycles page with the path: /route/cycle/location=abc/deviceId=4410

Error because of invalid hook call while rendering the Summary page

table code inside Summary page (inside Summary.js):

hint: focus on columns variable from './columns' and its implementation

Suppose in an API I have a boolean value eg. mission_status: true, or mission_status: false. And I use react-bootstrap-table2 to create table. Since it copies whatever data is there in the array of object into a table row.
I want to display "Success" in the Table if the mission_status is true and "Failure" if mission_status is false. Right now it only displays true and false.

On click of the button "Change Table data", the pagination is not resetting to the first page.
[React-bootstrap-table-next] [react-bootstrap-table2-paginator]

Steps to reproduce:

• Add a button called "Change table data" which changes the table data.
• Change the pagination to some other page like 2.
• Then, click on "Change table data" which changes the table data but, still the new table data will be rendered as per the second page only. Pagination will not reset to the first page.

Please let me know the changes to reset the pagination to the first page whenever table data is changed.

I'm having an issue where the table isn't showing in my react application, after a few modification on adding the Search function it seems that the BootstrapTable itself disappear when saving it.

ActionItems.jsx

I am using react-bootstrap-table2 for table in react project and using search on table. On columns with single and straight data, search is working fine. But on columns with formatted value, search is not working.

Below is structure of my data (sample) to display on table:

I can't show caret icon for sorting beside the column name using react-bootstrap-table2 even i set the attribut sort to true in columns.

Thank you