[React] React-Table에서 컬럼 정렬 시키기

React-Table 에서 컬럼은 가운데 정렬이 디폴트이다.

컬럼별로 정의 하려면 아래와 같이 css 방식으로 스타일을 지정하면 간단하다.

1. 우선 App.css 에 클래스를 등록한다.

.right {

text-align: right;

}

2. 해당 React-Table 컴포넌트의 columns 에서 className을 지정한다.

{ Header: 'Qty', accessor: 'qty', className: "right" },