returnSortDirection(col) {
        if (this.state.col === col && this.state.sortDirection === "desc") {
            return <i className="fa fa-sort-desc" aria-hidden="true"></i>
        }
        if (this.state.col === col && this.state.sortDirection === "asc") {
            return <i className="fa fa-sort-asc" aria-hidden="true"></i>
        }
    }
//this method returns font awesome arrow for sorting
this method returns font awesome arrow for sorting
this method returns font awesome arrow for sorting
returnSortDirection(col) {
        if (this.state.col === col && this.state.sortDirection === "desc") {
            return <i className="fa fa-sort-desc" aria-hidden="true"></i>
        }
        if (this.state.col === col && this.state.sortDirection === "asc") {
            return <i className="fa fa-sort-asc" aria-hidden="true"></i>
        }
    }
returnSortDirection ( col ) { if ( this . state . col === col && this . state . sortDirection === "desc" ) { return < i className = "fa fa-sort-desc" aria-hidden = "true" > < / i > } if ( this . state . col === col && this . state . sortDirection === "asc" ) { return < i className = "fa fa-sort-asc" aria-hidden = "true" > < / i > } }
this method returns font awesome arrow for sorting
this method returns font awesome arrow for sorting