Table with autocomplete , sorting and filtering based on column values.
npm install -save svelte-autocomplete-table
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} />
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 |