AllenFang / AllenFang/react-bootstrap-table
Sorting arrow icons missing in the table headres
- Dominant language
- JavaScript
- Stars
- 2.2k
- Forks
- 761
- PR merge metrics
- No merged PRs in 30d
Description
Hi Alan,
After updating to bootstrap 4.3.1 sorting arrow icons in the table headers disappeared. Is there a specific version of bootstrap 4 i need to use or am I missing something?
I'm using react-bootstrap-table 1.1.3
Thank you in advance.
```
const columns = [{
dataField: 'id',
text: 'ID',
sort: true
}, {
dataField: 'applicationName',
text: 'Application',
sort: true
}, {
dataField: 'collectionName',
text: 'Collection',
sort: true
}, {
dataField: 'licenseType',
text: 'License',
sort: true
}, {
dataField: 'cost',
text: 'Cost',
sort: true
}, {
dataField: 'approvers',
text: 'Approvers',
sort: true
}];
const defaultSorted = [{
dataField: 'applicationName',
order: 'desc'
}];
class TestTable extends Component {
render() {
return (
TestTable
Add/Remove Approvers
);
}
}
export default TestTable;
```
Contributor guide
Research direction
Start by reproducing the reported example with react-bootstrap-table 1.1.3, Bootstrap 4.3.1, the bootstrap4 prop, and sortable columns. Inspect the BootstrapTable rendering and styling entry points to determine whether the arrows are omitted or hidden; done means identifying the compatibility cause and restoring or documenting the expected sorting icons.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100