handleSort(value) {
        this.state.col === value && this.state.sortDirection === "asc" ?
            this.setState({ col: value, sortDirection: "desc" })
            : this.setState({ col: value, sortDirection: "asc" })
    }
//handle the sorting state ascending and descending, it also handles columns stat
handle the sorting state ascending and descending, it also handles columns stat
handle the sorting state ascending and descending it also handles columns stat
handleSort(value) {
        this.state.col === value && this.state.sortDirection === "asc" ?
            this.setState({ col: value, sortDirection: "desc" })
            : this.setState({ col: value, sortDirection: "asc" })
    }
handleSort ( value ) { this . state . col === value && this . state . sortDirection === "asc" ? this . setState ( { col : value , sortDirection : "desc" } ) : this . setState ( { col : value , sortDirection : "asc" } ) }
handle the sorting state ascending and descending, it also handles columns stat
handle the sorting state ascending and descending it also handles columns stat