Skip to content

refactor(sortableTable): use data-* attrs API - #1203

Merged
wesleyboar merged 1 commit into
feat/sortableTable-auto-filterfrom
feat/sortableTable-data-attrs
Jul 10, 2026
Merged

refactor(sortableTable): use data-* attrs API#1203
wesleyboar merged 1 commit into
feat/sortableTable-auto-filterfrom
feat/sortableTable-data-attrs

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Jul 9, 2026

Copy link
Copy Markdown
Member

Overview

Updates demo files to use the new data-sortable-search / data-sortable-select-cols attribute API and bumps the CDN pin to wesleyboar/sort-table@e63f5427.

Related

Changes

  • replaced data-sortable-filters JSON with data-sortable-search and data-sortable-select-cols in demo files
  • deleted inline <template> from tmp/pr-1169.html (JS self-injects)
  • updated CDN pin from wesleyboar/sortable-table@fb956d9f to wesleyboar/sort-table@e63f5427

Notes

Important

jsDelivr SHA pin will be updated to a versioned npm URL after @tacc/sort-table@0.1.0 is published.

- replace `data-sortable-filters` JSON with `data-sortable-search` and
  `data-sortable-select-cols` in demo files
- remove inline <template> from pr-1169.html (JS self-injects)
- bump CDN pin from wesleyboar/Core-HTML-Filter-Sort@fb956d9f
  to wesleyboar/Core-HTML-Filter-Sort@e63f5427

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@qodo-code-review

Copy link
Copy Markdown

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

@wesleyboar wesleyboar changed the title refactor(sortableTable): use data-* attrs API; bump to @tacc/sort-table refactor(sortableTable): use data-* attrs API Jul 10, 2026
wesleyboar added a commit to wesleyboar/Core-HTML-Filter-Sort that referenced this pull request Jul 10, 2026
## Overview

Replaces the `data-sortable-filters` JSON attribute with two plain
`data-*` attributes.

## Related

- required by TACC/tup-ui#564
- required by TACC/Core-CMS#1203

## Changes

- **replaced** `data-sortable-filters` JSON with `data-sortable-search`
(boolean) and `data-sortable-select-cols` (comma-separated 1-based
column numbers)
- **removed** `placeholder` from search spec (template default suffices;
label auto-derives from `<th>`)
- **renamed** package from `@tacc/sortable-table` to `@tacc/sort-table`
- **updated** README to document new API

## Notes

> [!IMPORTANT]
> jsDelivr SHA pin will be updated to a versioned npm URL after
`@tacc/sort-table@0.1.0` is published.

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
@wesleyboar
wesleyboar merged commit d79f714 into feat/sortableTable-auto-filter Jul 10, 2026
@wesleyboar
wesleyboar deleted the feat/sortableTable-data-attrs branch July 10, 2026 00:20
wesleyboar added a commit that referenced this pull request Jul 13, 2026
## Overview

Sortable tables get sort buttons and optional JS-built filter UI via
[`@tacc/html-filter-sort`](https://github.com/wesleyboar/Core-HTML-Filter-Sort);
`assets_core_delayed.html` loads the package from jsDelivr CDN.

## Related

- [RT
#42216](https://tickets.tacc.utexas.edu/Ticket/Display.html?id=42216)
- mimicked by TACC/tup-ui#558

<details>

- requires
    - #1180
    - https://github.com/wesleyboar/Core-HTML-Filter-Sort
- improves #1167
- simplified by #1202
- simplified by #1203

</details>

## Changes

- **deleted** `sortableTable.js`, `sortableTable.css`,
`sortable_table_filter_templates.html`, and the orphaned
`modules/sortableTable.html` demo doc (referenced the deleted CSS file
and pre-rename API names)
- **updated** `assets_core_delayed.html` to load
[`@tacc/html-filter-sort`](https://github.com/wesleyboar/Core-HTML-Filter-Sort)
JS and CSS from the npm CDN (package renamed twice: `sort-table` →
`filter-sort` → `html-filter-sort`; now on npm instead of a pinned
commit SHA), and pass `buttonClass` so sort buttons pick up Core-Styles'
link-button class
- **updated** `tmp/pr-1169.html` to use `data-filtersort-search` and
`data-filtersort-select-cols` (current library API; supersedes the
`data-sortable-*` names used in earlier iterations)

## Testing

1. Open `tmp/pr-1169.html` with a local static server.
2. Confirm sort, search, column selects, and result count update.
3. After deploy, any page with delayed core assets gets the filter UI
from `@tacc/html-filter-sort`.

## UI

Screenshots: pending upload

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant