hoc element table

@HOC-Element/Table

•ขึ้นอยู่กับ Webpack 5 ที่สร้าง table <el-xxx> ถือว่าเป็น Vue 3.x ลดการดำเนินงานที่ซ้ำกันและทำให้การพัฒนามีประสิทธิภาพมากขึ้น

ไลบรารีส่วนประกอบนี้มีไว้สำหรับการเรียนรู้การอ้างอิงและเพื่อการพัฒนารอง

การสาธิตสด

รุ่น

• Vue 3.x เวอร์ชัน ｜ Vue 2.x เวอร์ชัน

ภาพหน้าจอ

การสนับสนุนด้านสิ่งแวดล้อม

• Vue 3.2.x

ติดตั้ง

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

เริ่มต้นอย่างรวดเร็ว

• กรุณาติดตั้ง Element-plus ก่อนใช้งาน

 import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp ( App )
  . use ( ElementPlus )
  . use ( HocElTable )
  . mount ( '#app' ) 

การเปลี่ยนแปลง

การเปลี่ยนแปลงโดยละเอียดสำหรับแต่ละรีลีสมีการบันทึกไว้ในบันทึกประจำรุ่น

คุณสมบัติ

• ขึ้นอยู่กับ WebPack 5
• รองรับ Vue 3
• รองรับตารางการทำให้เป็นอนุกรม JSON สำหรับการกำหนดค่าที่รวดเร็ว
• การปนเปื้อน paginated ถูกสร้างขึ้น -ใน Pagination
• สนับสนุนชื่อ prop
• รองรับเนื้อหาของเซลล์ที่กำหนดเอง [ดูหน่วยของคำแนะนำการกำหนดค่าการเรนเดอร์]
• รองรับ style เซลล์สไตล์ที่กำหนดเอง
• สนับสนุน directives คำสั่งที่กำหนดเองที่มีผลผูกพัน
• element-plus Native Table Events and Methods
• รองรับการควบคุมที่ซ่อนอยู่ของ Header และ Pagination

คำอธิบายการกำหนดค่าการเรนเดอร์กริดหน่วย

วิธี	อธิบาย	ฉาก
-	ค่าคีย์ที่สอดคล้องกับ attrs.prop ของหน่วยเรนเดอร์	ใช้ได้กับฉากค่าที่แสดงปัญหาโดยตรง
ทำให้	สตริงการแสดงผล	ใช้กับสถานการณ์การประมวลผลขนาดเล็กสำหรับค่าของเสาเริ่มต้น
renderhtml	การแสดงผลองค์ประกอบ DOM ที่ระบุ	เหมาะสำหรับการดำเนินการแสดงผลซึ่งโดยทั่วไปใช้ในคอลัมน์สุดท้าย (ปัจจุบันรองรับการแสดงผลของ El-Button เท่านั้นดูตัวอย่างสำหรับรายละเอียด)
การแข่งขัน RenderComponent	ส่วนประกอบการแสดงผล	ใช้กับสถานการณ์ที่ต้องแสดงในเซลล์ดูตัวอย่างสำหรับรายละเอียด

ยกตัวอย่าง

นี่เป็นตัวอย่างที่ค่อนข้างเต็มการใช้งานเกือบทั้งหมดของ API ซอร์สโค้ดจะกระตุ้นสิ่งนี้: รหัส

ปรับใช้

ดูคลังสินค้า?