Vue component rendering a feature‑rich table with sorting, filtering, and pagination from Element Plus.
<!--
Source: https://github.com/element-plus/element-plus | License: MIT | Copyright 2020-PRESENT Element Plus
Provided via justclaw.it.com; keep this notice with the code.
-->
<template>
<div
ref="tableWrapper"
:class="[
{
[ns.m('fit')]: fit,
[ns.m('striped')]: stripe,
[ns.m('border')]: border || isGroup,
[ns.m('hidden')]: isHidden,
[ns.m('group')]: isGroup,
[ns.m('fluid-height')]: maxHeight,
[ns.m('scrollable-x')]: layout.scrollX.value,
[ns.m('scrollable-y')]: layout.scrollY.value,
[ns.m('enable-row-hover')]: !store.states.isComplex.value,
[ns.m('enable-row-transition')]:
(store.states.data.value || []).length !== 0 &&
(store.states.data.value || []).length < 100,
... (truncated -- full source via MCP)
See the full source, get the GitHub permalink, and search for more like it.
Get a free API key