jskos-vue

MappingTable ​

A table of JSKOS mappings.

Props ​

  • mappings array, required — the list of mappings to be displayed.

  • fields array, optional — which fields to show in which order and which width in percent. Default: ["fromScheme:10", "from:22", "type:8", "toScheme:10", "to:22", "creator:16", "date:12"]

    • fromScheme — source concept scheme (notation)
    • from — source concepts
    • toScheme — target concept scheme (notation)
    • to — target concepts
    • type — mapping type (symbol)
    • date — date of modification (if given) or creation (otherwise)
    • confidence — JSKOS mappingRelevance in percent

  • showLabels boolean, default false — whether to show the concepts' labels

  • header boolean, default true — whether to show the table header

Events ​

  • hover when a mapping row is hovered or unhovered

  • click when a mapping row is clicked

CSS classes ​

  • .jskos-vue-mappingTable — the component element
  • .jskos-vue-mappingTable-${FIELD} — table cell for each of the fields

The table is based on vue-flexible-table, so its configuration, CSS classes and variables can also be used.

Example ​

from
to
creator
date