docs: screenshots of all datagrid features + missing feature audit#389
Open
docs: screenshots of all datagrid features + missing feature audit#389
Conversation
Screenshots of all 15 demo pages with interactive states: - Home, Filters, Outer Filters (expanded), Columns (hideable dropdown) - Actions (multi-action dropdown), Group Actions (rows selected) - Row styling, ItemDetail (expanded), Export, TreeView (expanded) - Edit (inline editing), Add (inline form), Localization (Czech) - CDN, No Pagination
Coverage Report for CI Build 24172195446Coverage decreased (-0.2%) to 0.623%Details
Uncovered Changes
Coverage Regressions6 previously-covered lines in 5 files lost coverage.
Coverage Stats
💛 - Coveralls |
New demo pages: - Sorting: multi-sort, custom sort callback, sort reset pagination - ColumnsSummary: columns summary with custom format - ArrayDatasource: array data source with default per page - StateStorage: remember state with session storage - Events: onRedraw, onRender, onColumnAdd, onFiltersAssembled, onColumnShow/Hide Enhanced existing pages: - Filters: split words search, conjunction search, auto submit, column reset, URL refresh - Columns: number format, columns order, open in new tab - Actions: CallbackConfirmation for dynamic confirmation messages - GroupActions: group select/multi-select/textarea actions, show selected rows count - ItemDetail: detail form, template parameters, render condition - Export: encoding/delimiter config, columns export order - Edit: allowRowsInlineEdit, onCustomRedraw - Row: allowRowsMultiAction with conditional sub-actions Also: disable Tracy debug bar in docker-compose, retake all screenshots without debug bar
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Screenshots
00-home.png01-filters.png02-outer-filters.png02-outer-filters-expanded.png03-columns.png03-columns-hideable.png04-actions.png04-actions-multiaction.png05-group-actions.png05-group-actions-selected.png06-row.png07-item-detail.png07-item-detail-expanded.png08-export.png09-tree-view.png09-tree-view-expanded.png10-edit.png10-edit-inline.png11-add.png11-add-inline.png12-localization.png13-cdn.png14-no-pagination.pngMissing Features Audit
The following features from contributte/datagrid are tracked below:
High Priority (Core features users commonly need)
Data Sources
ArrayDatasourcepage with in-memory dataSorting
setMultiSortEnabled()) — newSortingpagesetSortableCallback()) — newSortingpage (sorts by name length)setSortableResetPagination()) — newSortingpageFilters
setSplitWordsSearch()) in FilterText —Filterspage, name columnsetConjunctionSearch()) in FilterText —Filterspage, name columnsetTemplate()on filter){block filter-name})setAutoSubmit()) —FilterspagesetRefreshUrl()) —FiltersandStateStoragepagessetColumnReset()) —FilterspageDatagrid::$formMethod = 'GET'State Storage
setRememberState()) — newStateStoragepageSessionStateStorage) — used by default withsetRememberState()NoopStateStorage)Medium Priority (Useful features)
Column Features
Columnspage, countries_visited withsetFormat(0, '.', ',')removeColumn())setColumnsOrder()) —ColumnspagesetColumnsExportOrder()) —ExportpagesetOpenInNewTab()on ColumnLink) —Columnspage, email columnColumns Summary
setColumnsSummary()) — newColumnsSummarypagesetFormat()per summary column) — newColumnsSummarypageaddAggregationFunction()withFunctionSum) — mutually exclusive withsetColumnsSummary()Actions
CallbackConfirmation) —Actionspage, archive actionGroup Actions
addGroupSelectAction()) —GroupActionspageaddGroupMultiSelectAction()) —GroupActionspageaddGroupTextareaAction()) —GroupActionspagesetShowSelectedRowsCount()) —GroupActionspageItem Detail
setItemsDetailForm()) —ItemDetailpagesetTemplateParameters()) —ItemDetailpagesetRenderCondition()) —ItemDetailpage (active users only)Export
Exportpage (windows-1250encoding)Exportpage (comma delimiter)Low Priority (Advanced/edge-case features)
Row Features
allowRowsInlineEdit()) —Editpage (even IDs only)allowRowsMultiAction()) —Rowpage (conditional per sub-action)Events/Hooks
EventspageEventspageEventspageEventspageEventspageTemplates
{define col-<key>}){define col-<key>-header}){block icon-sort}, etc.)setCustomPaginatorTemplate())Inline Edit
onCustomRedraw) after inline edit —EditpagePagination
setDefaultPerPage()) —ArrayDatasourcepage (default 5)Miscellaneous
Datagrid::$formMethod = 'GET')sendNonEmptyFiltersInPayload())Test plan