AllenFang / AllenFang/react-bootstrap-table

Sorting arrow icons missing in the table headres

Open
#2,012 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.