How to sort react-bootstrap Table component

reactjs html-table react-bootstrap react-bootstrap-table
tnoel999888 picture tnoel999888 · Apr 9, 2018 · Viewed 11.2k times · Source

I'm new to React and am using the Table component from react-bootstrap.

I want to sort my table in ascending order of the 'Days Till Expiry' column. My React App

But the Table component doesn't have a sorting property, does anyone know how I could do this?

Answer

Paul McLoughlin picture Paul McLoughlin · Apr 9, 2018

I would recommend using react-bootstrap-table then use these examples

Update: There is a newer version of this package now: react-bootstrap-table.github.io

Related questions

React.js creating a table with a dynamic amount of rows with an editable column

I am trying to create a react.js table that syncs with a leaflet map. I have this data and I am able to get the data properly, but I cannot create a table correctly. I am able to see …

Read More
React-Table column fixed width spoils whole table

Can someone explain this to me why i cant set fixed width on First Name column?It's setting passed width but it spoils whole table.If you tinker with resizing(by mouse) the column other columns will appear.Is this …

Read More
Can you force a React component to rerender without calling setState?

I have an external (to the component), observable object that I want to listen for changes on. When the object is updated it emits change events, and then I want to rerender the component when any change is detected. With …

Read More