Category "react-bootstrap"

Filter imported data by more than one dropdown box. (React)

Link to GitHub I have tried lots of things to try and get multiple dropdowns filtering the data but cannot figure it out, I've deleted some failed attempt so th

How to add select input in fullCalendar header?

I have created a react project using cra and using react-bootstrap.I have integrated full calendar to my app.The problem is i want to add select input to my ful

How to clear a React Bootstrap textarea form control after the form is submitted?

I have a form made with React Bootstrap to semply submit a string that will be saved on a DB. It works and the submitted message is saved, but I don't know how

react-bootstrap-table warning each child in a list should have a unique "key" prop

I'm building an app and while the code works, I'm trying to eliminate a persistent warning message with little success. I consistently get: Warning: Each child

React Boot Strap with React Styled Components

I'm currently porting an old MVC website with Razor pages. I now want to use react with style compoents. Now I am using react on the front end, I want to know w

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

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.ha

Can we export a react bootstrap data table to Excel instead of CSV?

I have a requirement to export data into Excel instead of CSV. Is there any possible way we can achieve this feature using the react-bootstrap-table?

React-bootstrap Navbar Brand logo not rendering

I am trying to create a logo to use with the navbar on my react app using react bootstrap, and I have used the documentation as a guide. However, when viewing t

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 w

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

React Boostrap Select, First Select Option ins not triggered by onChange event

I'm using React Boostrap Select component : <Form.Group className="mb-1"> <Form.Label htmlFor="type" className="iig-form-label d-inli

Adding ", " after each item in a list using React Bootstrap Table

I am having problems properly displaying a list of items that is returned from the API using the react-bootstrap-table library. The returned json is structured

Dropdown options not working in React-Bootstrap-Table

I'm trying to implement a dropdown options when clicking on the ellipsis. When I click on the ellipsis button, it will show a dropdown with Edit and maybe other

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 valu

Modal always re-rendering when typing in input for React-Bootstrap-Table2

I'm trying to implement an 'Edit Category' modal that can edit the current selected row in React-Bootstrap-Table2. However, when I tried to type in Category Des

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_mod

How to pass row data to a child component created into a format function

I have a react-bootstrap table with column defined like this: const columns = [ ... { dataField: "d", text: "Actions", formatter: ac

react-bootstrap-table2 expandable filter row

I am using react-bootstrap-table2 with filter functionality which is working fine <BootstrapTable keyField="id" data={filteredData} columns={TABLE_H

Uncaught Error: Objects are not valid as a React child while using react-bootstrap-table-next

I have a React component where I am trying to render a table using the react-bootstrap-table-next library. I'm getting an error: Uncaught Error: Objects are no