|
| 1 | +<!-- NOTE: do not change this file because it's auto re-generated from template: --> |
| 2 | +<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md --> |
| 3 | + |
| 4 | +This folder contains implementation of React application with example of Remote Paging Data feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. |
| 5 | + |
| 6 | + |
| 7 | +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| 8 | + <body> |
| 9 | + <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer"> |
| 10 | + <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> |
| 11 | + </a> |
| 12 | + <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer"> |
| 13 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> |
| 14 | + </a> |
| 15 | + <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/grid/remote-paging-data" rel="noopener noreferrer"> |
| 16 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> |
| 17 | + </a> |
| 18 | + <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/grid/remote-paging-data?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer"> |
| 19 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> |
| 20 | + </a> |
| 21 | + </body> |
| 22 | +</html> |
| 23 | + |
| 24 | +## Branches |
| 25 | + |
| 26 | +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. |
| 27 | +
|
| 28 | +## Instructions |
| 29 | + |
| 30 | +Follow these instructions to run this example: |
| 31 | + |
| 32 | + |
| 33 | +``` |
| 34 | +git clone https://github.com/IgniteUI/igniteui-react-examples.git |
| 35 | +git checkout master |
| 36 | +cd ./igniteui-react-examples |
| 37 | +cd ./samples/grids/grid/remote-paging-data |
| 38 | +``` |
| 39 | + |
| 40 | +open above folder in VS Code or type: |
| 41 | +``` |
| 42 | +code . |
| 43 | +``` |
| 44 | + |
| 45 | +In terminal window, run: |
| 46 | +``` |
| 47 | +npm install --legacy-peer-deps |
| 48 | +npm run-script start |
| 49 | +``` |
| 50 | + |
| 51 | +Then open http://localhost:4200/ in your browser |
| 52 | + |
| 53 | + |
| 54 | +## Learn More |
| 55 | + |
| 56 | +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). |
0 commit comments