https://github.com/vasucp1207/qwik-table
Easy searchable, sortable table for Qwik City
https://github.com/vasucp1207/qwik-table
javascript qwik qwik-city
Last synced: about 1 year ago
JSON representation
Easy searchable, sortable table for Qwik City
- Host: GitHub
- URL: https://github.com/vasucp1207/qwik-table
- Owner: vasucp1207
- Created: 2023-05-14T15:07:16.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-03-26T19:27:52.000Z (over 2 years ago)
- Last Synced: 2025-03-28T16:51:18.123Z (over 1 year ago)
- Topics: javascript, qwik, qwik-city
- Language: TypeScript
- Homepage: https://qwik-table.vercel.app/
- Size: 131 KB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Qwik Table
## 📦Install
``npm i qwik-table``
## 🦄Usage
Simply import **QwikTable** from the package.
```ts
import { component$ } from '@builder.io/qwik';
import data from '../data.json';
import { QwikTable } from 'qwik-table';
export default component$(() => {
const headers = [
{ key: "player_name", label: "Player" },
{ key: "club", label: "Club" },
{ key: "position", label: "Position" },
{ key: "minutes_played", label: "Min Played" },
{ key: "match_played", label: "Matches" },
{ key: "goals", label: "Goals" },
{ key: "assists", label: "Assists" },
{ key: "distance_covered", label: "Distance Covered" },
];
return (
);
});
```
See the live [demo](https://qwik-table.vercel.app/).