Skip to main content

go-annotation-ribbon-table

Overview

The Annotation Ribbon Table component displays a table of GO annotations. This component does not fetch data by itself, it expects the data to be provided in the data attribute.

Properties

PropertyAttributeDescriptionTypeDefault
apiEndpointapi-endpointURL for the API endpoint to fetch the table data when subjects and slims are provided.string"https://api.geneontology.org/api/bioentityset/slimmer/function"
excludeProteinBindingexclude-protein-bindingIf true, will exclude the protein binding GO term (GO:0005515) from the tablebooleantrue
filterByfilter-byFilter rows based on the presence of one or more values in a given column The filtering will be based on cell label or id Example: filter-by="evidence:ISS,ISO or multi-step filters: filter-by:evidence:ISS,ISO;term:xxx"stringundefined
filterReferencefilter-referenceComma-separated list of reference prefixes to filter includestring"PMID:,DOI:,GO_REF:,Reactome:"
groupBygroup-byUsing this parameter, the table rows can bee grouped based on column ids A multiple step grouping is possible by using a ";" between groups The grouping applies before the ordering Example: hid-1,hid-3 OR hid-1,hid-3;hid-2stringundefined
hideColumnshide-columnsUsed to hide specific column of the tablestringundefined
orderByorder-byThis is used to sort the table depending of a column The column cells must be single values The ordering applies after the groupingstringundefined
slimsslimsComma-separate list of GO term IDs (e.g. GO:0003674,GO:0008150,GO:0005575)stringundefined
subjectssubjectsComma-separated list of gene IDs (e.g. RGD:620474,RGD:3889)stringundefined

Methods

setData(data?: TableData) => Promise<void>

Set the table data manually.

Once this method is called, changes to the subjects or slims properties will not trigger a refetch of the data.

Parameters

NameTypeDescription
dataTableDataEntry[]The table data to set.

Returns

Type: Promise<void>

CSS Custom Properties

NameDescription
--borderBorder style for the table
--header-background-colorBackground color for the header row
--header-border-colorBorder color for header cells
--header-border-styleBorder style for header cells
--header-border-widthBorder width for header cells
--header-cell-font-weightFont weight for header cells
--header-cell-paddingPadding for header cells
--header-colorText color for the header row
--link-colorColor for links
--link-decorationText decoration for links
--row-background-colorBackground color for regular rows
--row-border-colorBorder color for regular rows
--row-border-styleBorder style for regular rows
--row-border-widthBorder width for regular rows
--row-cell-heightHeight for regular row cells
--row-cell-paddingPadding for regular row cells