الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

رد الفعل-طاولة السائل

جدول رد فعل مستوحى من @tanstack/React-Virtual

ثَبَّتَ 

 # using yarn
yarn add react-fluid-table

# using npm
npm i react-fluid-table

الاستخدام 

 import "react-fluid-table/dist/index.css" ; // this only needs to be imported once
import { Table } from "react-fluid-table" ;

const data = _ . range ( 100 ) . map ( i => ( {
  id : i + 1 ,
  firstName : randFirstName ( ) ,
  lastName : randLastName ( ) ,
  email : randEmail ( )
} ) ) ;

const columns = [
  {
    key : "firstName" ,
    header : "First Name" ,
    width : 100
  } ,
  {
    key : "lastName" ,
    header : "Last Name" ,
    width : 100
  } ,
  {
    key : "email" ,
    header : "Email"
  }
] ;

const Example = ( ) => < Table data = { data } columns = { columns } /> ;

تطوير

للحصول على بيئة تنمية تعمل ، قم بتشغيل ما يلي:

تثبيت 

$ yarn install
$ cd example
$ yarn install

الاستخدام 

 # in one terminal window/tab
$ yarn start
# in a separate terminal window/tab
$ cd example
$ yarn dev

رخصة

MIT © McKervin Ceme <[email protected]>

تم إنشاء هذا التطبيق باستخدام Create-React-Hook.

يتميز هذا التطبيق ببعض الرموز من Font Awesome.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل