Skip to content

Krishnan555/svelte-autocomplete-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

svelte-autocomplete-table

Table with autocomplete , sorting and filtering based on column values.

Install

npm install -save svelte-autocomplete-table

Usage

This displays Table with AutoComplete feature , sorting feature.

<script>
  import SvelteAutoCompleteTable from "svelte-autocomplete-table";
  const data = [
    /** data */
  ];
</script>

<SvelteAutoCompleteTable dataForTable={data} searchByAll makeTableSortable/>

This displays Table with AutoComplete feature with specific key , sorting feature.

<script>
  import SvelteAutoCompleteTable from "svelte-autocomplete-table";
  const data = [
    /** data */
  ];
  const key = "Enter the key to Search in AutoComplete";
</script>

<SvelteAutoCompleteTable dataForTable={data} searchBy={key} makeTableSortable/>

This displays Table without AutoComplete feature.

<script>
  import SvelteAutoCompleteTable from "svelte-autocomplete-table";
  const data = [
    /** data */
  ];
</script>

<SvelteAutoCompleteTable dataForTable={data} disableAutoComplete makeTableSortable/>

This displays Table without AutoComplete and sorting Feature.

<script>
  import SvelteAutoCompleteTable from "svelte-autocomplete-table";
  const data = [
    /** data */
  ];
</script>

<SvelteAutoCompleteTable dataForTable={data} />

Props

Option Type Description
dataForTable Object[] Data For Table
searchBy String To make AutoComplete Search for particular key
searchByAll Boolean To allow AutoComplete Search for all keys
makeTableSortable Boolean Whether the table can be sorted on column
disableAutoComplete Boolean Whether the table can have autocomplete or not

About

Table with autocomplete , sorting and filtering based on column values.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published