We have created a component where we can search the Athena database for concepts. The reason for this component is so we can use this in other projects where we need to search the Athena database. The layout is based on the design of the webtool from Athena so that the users will have a familiar experience. It uses the @radar-azdelta/svelte-datatable package, which is an easy to use and fast table component.
- Filter on domain, vocabulary, ...
- Sorting
- Filtering
- Bind custom actions to rows
- Can be used without configuration
Install the package
npm install @radar-azdelta/svelte-athena-searchAdd the component to a Svelte page
<script lang="ts">
import Search from '@radar-azdelta/svelte-Athena-search'
</script>
<Search />See the demo site
The Search component has the following optional properties
| Value | Description | Required | Default |
|---|---|---|---|
| views | Create up to 2 extra screens to use in the Search component | no | [] |
| globalFilter | A filter to set on a specific column | no | { column: 'all', filter: undefined } |
| tableOptions | Extra options to give to the table (id, defaultColumnWidth, ...) | no | undefined |
| height | Set a certain height for the component | no | 100% |
| width | Set a certain width for the component | no | 100% |
| fontSize | Set a certain font size for all the text in the component | no | 10px |