#React 테이블 어셈블리Excel 내보내기

이전에 우리는 표를 내보낼 때 모두 백엔드 인터페이스에서 호출되었다. 백엔드 처리 데이터는 우리에게 Excel 파일을 되돌려 주었다. 그러면 백엔드의 작업량이 증가할 것이다. React Table 표 구성 요소가 excel을 내보낼 수 있다는 것을 알고 나서 연구했다.
GitHub 주소:https://github.com/zsusac/ReactHTMLTableToExcel
플러그인을 설치합니다react-html-table-to-excel
npm install --save react-html-table-to-excel
 , 
//cnpm install --save react-html-table-to-excel

플러그인을 설치합니다react-dom
npm install --save react-dom
 , 
//cnpm install --save react-dom

도입 종속성:
import ReactHTMLTableToExcel from 'react-html-table-to-excel';
const ReactDOM = require('react-dom');

React Table 구성 요소 쓰기 방법은 다음과 같습니다.
// Table Ref
constructor(props) {
    super(props);
    this.IversonRef= React.createRef();
}      
//Table 
const tableCon = ReactDOM.findDOMNode(this.IversonRef.current)
const table = tableCon.querySelector('table');   
table.setAttribute('id','table-to-xls');
// :

* , Excel, React antd-table-header antd-table-body, Emmmmmmm,

, :

Html table display:'none'>, React QAQ

{TableDataList && TableDataList.length>0 ?
       
: null}
{TableDataList&& TableDataList.length>0 ? TableDataList.map(x=>{ return( ) }) : } 표두
표두
표두
{x.A}
{x.B}
{x.C}

key={x.ID}

 

좋은 웹페이지 즐겨찾기