svelte-autocomplete-table

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 |