feat: add tableRowReplace injection for custom row rendering in list …

[NoOne7135]

…view

[Copilot]

Pull request overview

This PR adds a new tableRowReplace injection point that allows users to customize how each row in the list view table is rendered. This extends AdminForth's page injection system to support full row-level customization beyond the existing column-level components.

Key Changes

• Added tableRowReplace to the list of allowed page injections in the config validator
• Implemented custom row rendering in ResourceListTableVirtual.vue using Vue's dynamic component system
• Added comprehensive documentation with usage examples and component contract specifications

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 5 comments.

File	Description
adminforth/spa/src/views/ListView.vue	Passes tableRowReplaceInjection prop to both table components with array handling logic
adminforth/spa/src/components/ResourceListTableVirtual.vue	Implements custom row component rendering using dynamic <component> element
adminforth/modules/configValidator.ts	Adds tableRowReplace to the allowed injection keys for list pages
adminforth/documentation/docs/tutorial/03-Customization/08-pageInjections.md	Adds complete documentation section explaining the feature, configuration, and usage patterns

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The tableRowReplaceInjection prop is passed to ResourceListTable but this component doesn't appear to use it. Unlike ResourceListTableVirtual which has custom row rendering logic, ResourceListTable still uses a standard <tr> element (line 86-87 in the base file). Either implement the tableRowReplace functionality in this component to match ResourceListTableVirtual, or remove this prop binding if the feature is only intended for virtual scrolling.

Suggested change

	:tableRowReplaceInjection="Array.isArray(coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace)
	? coreStore.resourceOptions.pageInjections.list.tableRowReplace[0]
	: coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace || null"

[Copilot]

The documentation mentions "Required structure around " but uses incorrect syntax with </slot>. The correct syntax should be <slot /> as shown in the template example above. Update to: "Required <tr></tr> structure around <slot />"

Suggested change

	- Required <tr></tr> structure around </slot>
	- Required `<tr></tr>` structure around `<slot />`

[ivictbor]

Lets make scalar type for this injection for now since there is no roadmap to make recursive wrap. For actions injection same.

[ivictbor]

For simple decoration

->

For example to replace a set of cells with sincle full-width cell, render

<tr>
  <td :colspan="columnsCount">
     <slot />

[ivictbor]

@NoOne7135 Since we don't support array, the type of coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace should not be array. Probably in future you plan to add recursive wrapping, but anyway now in config validation step if there is mroe then one element lets throw clear error that tableRowReplace has multiple components but supports only one