AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.24k stars 782 forks source link

Sorting arrow icons missing in the table headres #2012

Open RaySheikh opened 6 years ago

RaySheikh commented 6 years ago

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 (

            <div>
                <h1>TestTable</h1>
                <p>Add/Remove Approvers</p>

                <BootstrapTable
                    bootstrap4
                    keyField="applicationId"
                    data={data1}
                    columns={columns}
                    pagination={paginationFactory()}
                    defaultSorted={defaultSorted} 

                />
            </div>
        );
    }
}
export default TestTable;