All Questions
82 questions
0
votes
2
answers
862
views
Why isn't react-bootstrap table not working
i wanted to create a table using react-bootstrap .so installed react-bootstrap by
npm install react-bootstrap boostrap
then i imported the Table from react-bootstrap and rendered the table but it is ...
- 60
-1
votes
2
answers
962
views
Adding column header for the row selection column in the react-bootstrap-table-next?
Question
How can I add column header for the row selection in the react-bootstrap-table-next?
Screenshots
Design Image
Current Code Image
Here is the Image for the table I just need to know that how ...
- 102
0
votes
2
answers
3k
views
how to load data in react-bootstrap-table partially by using pagination
I am getting data partially from backend (let's say 10 rows per api call) and I want to call the api on page change but I am unable to find any relevant option in react-bootstrap-table pagination. Is ...
- 65
0
votes
1
answer
126
views
The value in the td tag is not correspondingly above table head (react-bootstrap)
I am trying to create a table in reactjs using bootstrap. Everything seems fine except:
As you can see, the titles inside the thead tag is not aligned exactly above its corresponding td tag. Is there ...
- 565
-1
votes
1
answer
1k
views
Add tooltips on column headers in a React Bootstrap table
<BootstrapTable
bordered={false}
hover={true}
wrapperClasses="responsive"
keyField="id"
data={products}
columns={columns}
{...props.baseProps}
// ref={(n) => (this.node = n)...
- 51
0
votes
1
answer
315
views
State lost value in bootstrap table
I am using custom fields in react bootstrap table.
{
dataField: "hours",
text: "# of Hours",
sort: true,
footer: "# of Hours",
headerStyle: (colum, colIndex) =&...
0
votes
1
answer
358
views
Ttrying to load a table using react-bootstrap-table
Trying to edit the table cells using react-bootstrap-table, I am able edit successfully, but when I click on other components in the page the edited content has been restored by original value.
export ...
4
votes
2
answers
5k
views
react-bootstrap-table-toolkit Search Import Error
I wanted to use React Bootstrap Table in my project and I'm getting the following error.
Uncaught ReferenceError: arguments is not defined at Object../node_modules/react-bootstrap-table2-toolkit/lib/...
- 449
0
votes
1
answer
226
views
IntelliJ reporting typescript error for react-bootstrap-table-next
I'm using react-bootstrap-table-next (aka react-bootstrap-table2). I'm getting a Typescript error in IntelliJ on the validator field in my column definition. I can't seem to get around it in IntelliJ ...
- 1,316
1
vote
1
answer
1k
views
ExportCSV using react-bootstrap-table-2
I'm trying to trigger my exportCSV from a different component outside of the TookkilProvider... is that possible? I did see some reference to this.refs.table.handleExportCSV(); here, but I can't seem ...
- 309
1
vote
1
answer
1k
views
How to specify keys in React Bootstrap table
Using React Bootstrap table, I'm getting the warning Warning: Each child in a list should have a unique "key" prop. I've read about how this is necessary for lists, but not sure where I'm ...
- 1,316
1
vote
2
answers
2k
views
How to dynamically disable a row's checkbox in react-bootstrap-table2?
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 ...
- 257
0
votes
1
answer
1k
views
React-Bootstrap Table with dynamic Content - Form over Radio Buttons in Rows not working
In my React App I request data from an API and store it in state:
const [entities, setEntities] = useState([]);
in my useEffect hook I get the Data from the API - basicly I have the following example ...
- 872
1
vote
2
answers
2k
views
Adding serial number to the react bootstrap table
I am using a React-bootstrap table in my project, I want to add a column in my table with a serial number but am unable to generate the serial number so kindly guide me on how to do it.
Currently am ...
- 11
0
votes
0
answers
663
views
How do I edit an array inside a cell in my React-bootstrap table?
As shown in the link below. I have an array inside a cell, when a click on those cell to edit them, they turns to [object, object] instead of their default values.
The first picture shows the error ...
