More Premium Hugo Themes Premium React Themes

Tubular React

Material UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.

Tubular React

Material UI table with local or remote data-source. Featuring filtering, sorting, free-text search, export to CSV locally, and aggregations.

Author Avatar Theme by unosquare
Github Stars Github Stars: 206
Last Commit Last Commit: Nov 23, 2022 -
First Commit Created: Jan 15, 2024 -
default image

Overview:

Tubular-React is a Material-UI table with the capability to handle local or remote data sources. It offers features such as custom column layouts, sorting and filtering, free-text search, pagination, data export, and printing. The library also provides i18n support for translating grid content.

Features:

  • Custom Layout: Define a custom layout for columns and cells using render methods.
  • Data Sources: Use a remote or local data source for the table.
  • Sorting and Filtering: Ability to sort and filter data based on multiple columns.
  • Free-text Search: Perform a search on string columns using free-text search.
  • Pagination: Handle paginated data, with remote data being paged on the server side.
  • Data Export: Export data to a CSV file.
  • Printing: Print the data from the table.
  • i18n Support: Translate the content of the grid to a preferred language with the new Language Service.

Installation:

To install Tubular-React, you can follow these steps:

  1. Open your terminal and navigate to the desired directory.
  2. Run the following command to install Tubular-React using npm:
npm install tubular-react
  1. Once the installation is complete, you can import Tubular-React in your project using:
import { DataGrid } from 'tubular-react';
  1. You’re now ready to use Tubular-React in your application.

Summary:

Tubular-React is a powerful Material-UI table library that offers various features for handling local or remote data sources. With its custom layout options, sorting and filtering capabilities, free-text search, pagination, data export, printing, and i18n support, Tubular-React provides developers with a comprehensive solution for creating interactive and dynamic tables in their React applications.