Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create and present the world svelte-generic-crud-table. HTML webcompo… #27

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions source/projects/svelte-generic-crud-table.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
---
title: crud-table
repo: ivosdc/svelte-generic-crud-table
direct: https://github.com/ivosdc/svelte-generic-crud-table
homepage: https://ivolution.one
examples: https://ivosdc.github.io/svelte-generic-table-pager/
license: MIT
technology: Svelte / HTML Web-component
author: ivosdc
authorurl: https://github.com/ivosdc
description: <crud-table> as HTML or Svelte-component renders object-arrays with options-panel and inline edit per row. Dispatches events for ongoing data handling. As self-containing webcomponent or for Svelte in 60KB.
---

Use the svelte-generic-crud-table in your component to show and, if you like, edit,update and delete it's content. Just include the table as seen in the example below.

#### Features:

* Sort
* order columns by table_config JSON
* configure columns in JSON: show, edit, width
* Pagination with svelte-generic-table-pager
* set editable fields
* set fields to show
* handle and configure create, update, delete and object-detail events.
* Events on select
* Two click safety delete and update.
* fancy icons
* lightweight 60KB
* easy to use
* clean code
* tested
* CI/CD
* no dependencies
* HTML webcomponent
* Svelte Component
* </crud-table>

#### Preview:
https://www.webcomponents.org/element/svelte-generic-crud-table
https://ivosdc.github.io/svelte-generic-crud-table/

##### svelte-generic-crud-table
[Try out live example:](https://ivosdc.github.io/svelte-generic-crud-table/ "GeneralCrudTable Example")

[a ivolution.one product:](https://ivolution.one" "ivolution.one product - MIT License")