https://github.com/krishnakant-n/react-artworks-datatable

An artwork data table gallery app which uses an API to fetch data and show in a table form.
https://github.com/krishnakant-n/react-artworks-datatable

api primereact react react-dom typescript vite

Last synced: 9 days ago
JSON representation

An artwork data table gallery app which uses an API to fetch data and show in a table form.

• Host: GitHub
• URL: https://github.com/krishnakant-n/react-artworks-datatable
• Owner: Krishnakant-N
• Created: 2024-12-16T08:55:39.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-16T09:30:03.000Z (2 months ago)
• Last Synced: 2024-12-24T22:14:00.502Z (about 2 months ago)
• Topics: api, primereact, react, react-dom, typescript, vite
• Language: TypeScript
• Homepage: https://artwork-datatable.netlify.app/
• Size: 37.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Artworks Gallery Application

This project is a React-based web application that fetches and displays a paginated list of artworks using the [Art Institute of Chicago API](https://api.artic.edu/docs/). It provides interactive features like selecting specific rows, selecting all rows on the current page, and navigating through paginated data.

## Features

1. **Pagination**: Navigate through artwork data using a paginated table.

2. **Lazy Loading**: Data is fetched only for the currently visible page to optimize performance.

3. **Row Selection**: Select individual rows or a specified number of rows across pages.

4. **Select All on Page**: Easily select all rows displayed on the current page.

5. **Customizable UI**: Styled with PrimeReact components and custom inline styles.