yukyo0821
/
my_tests


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta name="description" content="Webpage description goes here" />
  <meta charset="utf-8">
  <title>Change_me</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="">
  <link rel="stylesheet" href="css/style.css">
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<!--   <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> -->
  <script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.js"></script>
</head>

<body>

  <div class="container">

  </div>
  <div id="like_button_container"></div>
  <button onclick="exportcsv();">123</button>
  <div id="myGrid" style="height: 600px;width:800px;" class="ag-theme-alpine"></div>

  <script>
    const columnDefs = [
      { field: "name" },
      { field: "email" },
      { field: "phone" }
    ];

    // let the grid know which columns to use
    const gridOptions = {
      columnDefs: columnDefs
    };

    // lookup the container we want the Grid to use
    const eGridDiv = document.querySelector('#myGrid');

    // create the grid passing in the div to use together with the columns & data we want to use
    new agGrid.Grid(eGridDiv, gridOptions);

    // fetch the row data to use and one ready provide it to the Grid via the Grid API
    /*     agGrid.simpleHttpRequest({ url: 'https://go.hhh.com.tw:8002/deco_request' })
          .then(data => {
            console.log(data);
            gridOptions.api.setRowData(data);
          }); */
    axios.get("https://go.hhh.com.tw:8002/deco_request").then((data1) => {
      console.log(data1.data);
      gridOptions.api.setRowData(data1.data);
    });


    function exportcsv() {

      gridOptions.api.exportDataAsCsv();
      //gridOptions.api.exportDataAsExcel();
    }


    /* 'use strict';

    const e = React.createElement;

    class LikeButton extends React.Component {
      constructor(props) {
        super(props);
        this.state = { liked: false };
      }

      render() {
        if (this.state.liked) {
          return 'You liked this.';
        }

        return e(
          'button',
          { onClick: () => this.setState({ liked: true }) },
          'Like'
        );
      }
    }
    const domContainer = document.querySelector('#like_button_container');
    ReactDOM.render(e(LikeButton), domContainer); */

  </script>

</body>

</html>