arcanus55 / neodigm55

An eclectic low-code vanilla JavaScript UX micro-library for those that defiantly think for themselves.
https://thescottkrause.com/emerging_tech/neodigm55_ux_library/
BSD 3-Clause "New" or "Revised" License
17 stars 2 forks source link

Neodigm Picnic | New Component AKA Simple Table #98

Closed neodigm closed 10 months ago

neodigm commented 11 months ago

Create new component and related documentation.

neodigm commented 11 months ago

Proposed Contact:

data-n55-size="small"
data-n55-theme='["brand", "warning"]'

data-n55-picnic-config={
"cols": {[theme":"", "name":""]},
"sort_col": [nDx | sName],
"rows": 8,
"selected": "",
"multiselect": false,
}

LIFE CYCLE

onRowHover( fCB, [sId], [nDx|] )
onRowClick( fCB, [sId], [nDx] )
onColHover( fCB, [sId], [nDx | sName] )
onColClick( fCB, [sId], [nDx | sName] )
onColSort( fCB, [sId], [nDx | sName] )

Header row is static, captions are derived from cols>name

neodigm commented 11 months ago

UPDATE: Layout is complete and there is SOME support for the dynamic header and rows. However dev and testing continues, with some feedback from users. The PR has been merged and it is available in the alpha branch. The feature flag is ON.

neodigm commented 10 months ago

This task is complete in v3.1.

Note: The first row is auto-selected. Future enhancement: Sorting