กำลังมองหา react-table เวอร์ชัน 7 หรือไม่? คลิกที่นี่!
สนุกกับห้องสมุดนี้?
ลองใช้ห้องสมุด tanstack อื่น ๆ :
- แบบสอบถาม Tanstack
- โต๊ะ tanstack
- เราเตอร์ Tanstack
- Tanstack เสมือนจริง
- ฟอร์ม tanstack
- Tanstack Ranger
เยี่ยมชม tanstack.com/table สำหรับเอกสารคู่มือ API และอีกมากมาย!
คุณอาจรู้จัก Tanstack Table ด้วยชื่ออะแดปเตอร์ของเราด้วย!
- ตารางเชิงมุม
- ตารางที่มีแสงสว่าง
- ตาราง Qwik
- ตารางตอบสนอง
- โต๊ะทึบ
- ตาราง svelte
- ตาราง Vue
สรุป
TanStack Table เป็นห้องสมุดตาราง หัวขาด ซึ่งหมายความว่ามันไม่ได้จัดส่งด้วยส่วนประกอบมาร์กอัปหรือสไตล์ ซึ่งหมายความว่าคุณสามารถ ควบคุมมาร์กอัปและสไตล์ได้อย่างเต็มที่ (CSS, CSS-in-JS, ไลบรารีส่วนประกอบ UI ฯลฯ ) และนี่คือสิ่งที่ให้ธรรมชาติแบบพกพา คุณสามารถใช้มันใน React Native!
หากคุณต้องการ ตารางที่มีน้ำหนักเบาพร้อมการควบคุมมาร์กอัปและการใช้งานเต็มรูป แบบคุณควรพิจารณาใช้ Tanstack Table ซึ่งเป็นห้องสมุดตารางที่ไม่มีหัว
หากคุณต้องการ ตารางที่ใช้ส่วนประกอบพร้อมใช้งานที่มีพลังมากขึ้น แต่มีข้อ จำกัด เพิ่มเติมเกี่ยวกับมาร์กอัป/สไตล์/การใช้งาน คุณควรพิจารณาใช้ AG Grid ซึ่งเป็นห้องสมุดตารางที่ใช้ส่วนประกอบจาก OSS Partner Ag Grid ของเรา
TANSTACK Table และ Ag Grid เป็น ห้องสมุดตาราง/DataGrid ที่ดีที่สุด แทนที่จะเป็นคู่แข่งเรากำลังทำงานร่วมกันเพื่อให้แน่ใจว่าตัวเลือกตาราง/ดาต้ากริดที่มีคุณภาพสูงสุดจะพร้อมใช้งานสำหรับระบบนิเวศ JS/TS ทั้งหมดและทุกกรณีการใช้งาน
คุณสมบัติด่วน
- Agnostic Core (JS/TS)
- การผูกเฟรมเวิร์กชั้น 1 สำหรับ React, Vue, Solid
- ~ 15KB หรือน้อยกว่า (ด้วยการเขย่าต้นไม้)
- 100% typescript (แต่ไม่จำเป็น)
- หัวหัว (ปรับแต่งได้ 100% นำมาซึ่งคุณเอง)
- อัตโนมัติออกจากกล่องสถานะที่สามารถควบคุมได้
- ตัวกรอง (คอลัมน์และทั่วโลก)
- การเรียงลำดับ (หลายคอลัมน์หลายทิศทาง)
- การจัดกลุ่มและการรวม
- หมุน (เร็ว ๆ นี้!)
- การเลือกแถว
- การขยายแถว
- การมองเห็นคอลัมน์/การสั่งซื้อ/การตรึง/การปรับขนาด
- การแยกตาราง
- มีชีวิตชีวา
- เสมือนจริงได้
- รองรับโมเดลข้อมูลฝั่งเซิร์ฟเวอร์/ภายนอก
การย้ายจาก React Table v7
การเปลี่ยนแปลงที่โดดเด่น
- เขียนใหม่เต็มรูปแบบ typescript พร้อมประเภทที่รวมอยู่ในแพ็คเกจพื้นฐาน
- การกำจัดระบบปลั๊กอินเพื่อสนับสนุนการควบคุมการควบคุมมากขึ้น
- API ที่มีขนาดใหญ่และปรับปรุงมากขึ้นอย่างมากมาย (และคุณสมบัติใหม่ ๆ เช่น Pinning)
- การจัดการรัฐที่ควบคุมได้ดีขึ้น
- รองรับการดำเนินการฝั่งเซิร์ฟเวอร์ที่ดีขึ้น
- กรอกข้อมูลการควบคุมท่อส่งข้อมูล (แต่เป็นทางเลือก)
- แกนกลางผู้ไม่เชื่อเรื่องพระเจ้าพร้อมเฟรมเวิร์กอะแดปเตอร์สำหรับ React, Solid, Svelte, Vue และอาจมากขึ้นในอนาคต
- เครื่องมือพัฒนาใหม่
การอพยพ
มีการเปลี่ยนแปลงจำนวนมาก (พวกเขาคุ้มค่าเชื่อใจเรา!):
- ปรากฎว่า TypeScript ทำให้รหัสของคุณดีขึ้น/ปลอดภัย กว่า แต่มักจะต้องมีการเปลี่ยนแปลงการเปลี่ยนแปลงสถาปัตยกรรม
- ระบบปลั๊กอินถูกลบออกดังนั้นปลั๊กอินจะต้องเขียนใหม่เพื่อห่อ/เขียน API ที่ใช้งานได้ใหม่ ติดต่อเราหากคุณต้องการความช่วยเหลือ!
- ตัวเลือกการกำหนดค่าคอลัมน์มีการเปลี่ยนแปลง แต่เพียงเล็กน้อย
- ตัวเลือกตารางส่วนใหญ่จะเหมือนกันโดยมีการเปลี่ยนแปลงที่ใหญ่ขึ้นเกี่ยวกับการจัดการ/ควบคุมสถานะทางเลือกและการควบคุมไปป์ไลน์ข้อมูล
- อินสแตนซ์
table ในขณะที่มีความคล้ายคลึงกันในจิตวิญญาณถึง V7 ได้รับการกำหนดค่าใหม่ให้เร็วขึ้นมาก
การติดตั้ง
ติดตั้งหนึ่งในแพ็คเกจต่อไปนี้ตามเฟรมเวิร์กที่คุณเลือก:
# Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework
จะช่วยได้อย่างไร?
- ลองใช้ตัวอย่างที่อพยพแล้ว
- ลองใช้ในโครงการของคุณเอง
- ใคร่ครวญประเภท! แม้จะไม่มีเอกสารเสร็จสิ้นไลบรารีก็จัดส่งสินค้าที่มีตัวพิมพ์ 100% เพื่อช่วยให้คุณสำรวจความสามารถของมัน
- อ่านแนวทางการบริจาค
- เขียนเอกสารบางอย่าง! เริ่มต้นด้วยเอกสาร API และลองเพิ่มข้อมูลบางอย่างเกี่ยวกับคุณสมบัติอย่างน้อยหนึ่งอย่าง ประเภททำงานที่ดีในการแสดงสิ่งที่สนับสนุนและความสามารถของห้องสมุด
- ใช้ปลั๊กอิน? ลองเขียนปลั๊กอินของคุณใหม่ (V8 ไม่มีระบบปลั๊กอินอีกต่อไป) เป็น wrapper ที่ใช้งานได้ซึ่งใช้ตาราง tanstack ภายใน API ใหม่นั้นมีประสิทธิภาพและง่ายกว่าในการเขียน หากคุณพบสิ่งที่คุณไม่สามารถเข้าใจได้โปรดแจ้งให้เราทราบและเราจะเพิ่มลงใน API
เป็นสปอนเซอร์
