Skip to content

Examples ​

All examples are written with <script setup lang="ts">. The sample data is generated by a small helper (createEmployees(count)) which returns objects like this:

ts
{
  id: 1, firstName: "Anna", lastName: "Wagner", email: "anna.wagner0@example.com",
  department: "HR", role: "Lead", city: "Geneva", country: "Switzerland",
  salary: 82740, bonus: 3012, rating: 4.2, startDate: "2010-05-06",
  active: true, remote: false,
}

Basic ​

Source

Column groups & pinning ​

Source

Column types & formatting ​

Source

Filtering ​

Source

Grouping & aggregation ​

Source

Tree data ​

Source

Master / detail ​

Source

Selection ​

Source

Editing ​

Source

Custom rendering ​

Source

Server side data ​

Source

100.000 rows ​

Source

Released under the ISC License.