@databank/ractive-datatable

ractivejs component

Usage no npm install needed!

<script type="module">
  import databankRactiveDatatable from 'https://cdn.skypack.dev/@databank/ractive-datatable';
</script>

README

@databank/ractive-datatable

DEMO

@todo

  • display

    • string
    • number
    • boolean
    • null
    • list
    • map
    • Binary
    • StringSet
    • NumberSet
    • BinarySet
    • text link
    • icon link
    • toggle ON/OFF
    • function (eg. formatting date from timestamp )

  • selection

    • multiselect
    • enable/disable selection

  • columns

    • hide columns
    • configurable min-width/max-width per column
    • user adjustable column width
    • sorting

  • field editing

    • string
    • number
    • boolean
    • binary as base64 or hex editor
    • AllowedValues
    • dirty fields

  • validator(s) w/ validator tooltip (eg.: "Min 3 characters" )

    • regex/function
    • number int/float, signed/unsigned, min/max
    • string min/max length

  • preview ( as tooltip )

    • preview function
    • builtin preview binary as image
    • builtin preview binary as pdf
    • builtin preview binary as base64
    • builtin preview binary as hex view

  • api

    • select all
    • select none
    • row selection ( select/deselect/toggle )