Hello, everyone, I am for the majority of programmers brothers worry broken heart xiaobian, every day to recommend a small tool/source, full of your favorites, every day to share a small skill, let you easily save development efficiency, do not work overtime do not stay up late do not lose hair, is my goal!

Components, today small make up recommend a powerful form a vue based PC form components, support to add and delete, virtual scroll, lazy loading, the shortcut menu, data check, a tree structure, print, export, form rendering, data paging, virtual list, modal Windows, custom templates, the renderer, thieves flexible configuration items, extension interface, etc…

But in my opinion, this component is more like a full-featured component library than a pure table component! In a word: super powerful, simple and practical!

Open source licenses

Use the MIT Open Source license

The link address

[vxe] obtain git address

Design concept

  • Efficient and concise API design for modern browsers
  • Modular tables, load on demand, plug-in extensions
  • Designed for single-line edit table, support to add, delete, change, check and more extensions, powerful functions and performance

Development plan

  • V1.0 is 100% based on vue2.6+, supports all major browsers and implements all the useful functions of tables **(already implemented)**
  • V2.0 is 100% based on vue2.6+ and supports all major browsers with both functionality and performance (implemented)**
  • V3.0 is 60% vue2.6+ based, supports H5 browser only, does not support IE, greatly improves rendering performance **(already implemented)**
  • V4.0 % is based on VUE3 +, supports ONLY H5 browser, does not support IE, greatly improves rendering performance **(in implementation)**

The function point

  • Basic form
  • Senior forms
  • Zebra stripes
  • A variety of border
  • Cell style
  • Column width drag
  • Maximum height
  • Adaptive width and height
  • Fixed column
  • Multistage header
  • Table of
  • Highlight rows or columns
  • The serial number
  • Radio buttons
  • Check box
  • The drop-down options
  • switch
  • The sorting
  • Multi-field combination sort
  • screening
  • Merged cell
  • Merge footer
  • Import/export/print
  • Show/hide columns
  • In the load
  • Formatting content
  • Custom slot – Template
  • The shortcut menu
  • row
  • paging
  • The form
  • The toolbar
  • The drop-down container
  • Virtual list
  • Add and delete
  • The tree form
  • Data validation
  • Data brokers
  • Keyboard navigation
  • The modal window
  • The renderer
  • Virtual rolling
  • The virtual merger
  • (PRO) cell area selection
  • (Pro) Cell copy/paste
  • (pro) Cell find and replace

Table module screenshot

Table function is super powerful, the picture does not reflect its specific function, you can go to the official website to learn

Screenshot of other modules

icon

button

Radio buttons

Check box

switch

Input box

paging

The form

At the end

This issue is to share here, I am xiaobian South wind blowing, focus on sharing interesting, novel, practical open source projects and developer tools, learning resources! I hope to learn and communicate with you together. Welcome to follow my official account ** [Github navigation station] **.