https://github.com/janluksoft/react_html_datagrid

Using an external React element: DataGrid with pagination
https://github.com/janluksoft/react_html_datagrid

css3 datagrid-component datagridview html5 javascript react reactjs

Last synced: about 1 month ago
JSON representation

Using an external React element: DataGrid with pagination

• Host: GitHub
• URL: https://github.com/janluksoft/react_html_datagrid
• Owner: janluksoft
• Created: 2024-01-09T09:01:26.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-09T09:08:37.000Z (about 2 years ago)
• Last Synced: 2025-01-13T21:44:56.893Z (12 months ago)
• Topics: css3, datagrid-component, datagridview, html5, javascript, react, reactjs
• Language: HTML
• Homepage:
• Size: 147 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React DataGrid with pagination

This page demonstrates using external React component - ReactDataComponents.DataTable: an advanced table 

      for presenting tabular data with columns and rows, such as SQL query results.

      The component has advanced data display options such as: column configuration, 

      row pagination, sorting etc. 

      This webpage using React with no build tooling, no use NPM.

- React without NPM;

- Project in one .html file;

- Used external React component: ReactDataComponents.DataTable with JSX syntax;

- Adding React elements to a regular html webpage;

.![](DataGrid3.jpg)

## Details

- React ver.15 sources are linked online from the internet;

- The Babel ver.5.8 compiler for JSX syntax is linked online from the Internet;

- Project written in Visual Studio Code;