1.0.5 • Published 4 years ago

svelte-autocomplete-table v1.0.5

Weekly downloads
1
License
ISC
Repository
github
Last release
4 years ago

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

OptionTypeDescription
dataForTableObject[]Data For Table
searchByStringTo make AutoComplete Search for particular key
searchByAllBooleanTo allow AutoComplete Search for all keys
makeTableSortableBooleanWhether the table can be sorted on column
disableAutoCompleteBooleanWhether the table can have autocomplete or not