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:
- Open your terminal and navigate to the desired directory.
- Run the following command to install Tubular-React using npm:
npm install tubular-react
- Once the installation is complete, you can import Tubular-React in your project using:
import { DataGrid } from 'tubular-react';
- 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.