[Feature Request]: Support tabular suggestions for Input and MultiInput
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 285
- Avg merge
- 3d 2h
- Merged PRs (30d)
- 59
Description
Feature Request Description
ui5-input and ui5-multi-input support suggestions and a value help icon, which is very useful for Fiori-like value help scenarios.
For many enterprise use cases, however, simple suggestion items are not enough. Users often need to identify an object based on multiple attributes, not just one text and an optional additional text.
Examples:
Business Partner: ID, name, city, country
Product: product number, description, unit, category
Patient: patient number, full name, birth date, insurance provider
In SAPUI5 / OpenUI5, sap.m.Input supports tabular suggestions via suggestionColumns and suggestionRows. There does not seem to be an equivalent native API for tabular suggestions in UI5 Web Components.
https://ui5.sap.com/1.38.67/docs/api/symbols/sap.m.Input.html?utm_source=chatgpt.com
Proposed Solution
<ui5-input
show-suggestions
show-value-help-icon
placeholder="Search health insurance"
>
<ui5-table slot="suggestions">
<ui5-table-header-row slot="headerRow">
<ui5-table-header-cell>IK Number</ui5-table-header-cell>
<ui5-table-header-cell>Name</ui5-table-header-cell>
<ui5-table-header-cell>City</ui5-table-header-cell>
<ui5-table-header-cell>Type</ui5-table-header-cell>
</ui5-table-header-row>
<ui5-table-row data-key="123456789">
<ui5-table-cell>123456789</ui5-table-cell>
<ui5-table-cell>Example Insurance A</ui5-table-cell>
<ui5-table-cell>Berlin</ui5-table-cell>
<ui5-table-cell>Public</ui5-table-cell>
</ui5-table-row>
<ui5-table-row data-key="987654321">
<ui5-table-cell>987654321</ui5-table-cell>
<ui5-table-cell>Example Insurance B</ui5-table-cell>
<ui5-table-cell>Munich</ui5-table-cell>
<ui5-table-cell>Private</ui5-table-cell>
</ui5-table-row>
</ui5-table>
</ui5-input>
Proposed Alternatives
No response
Organization
No response
Additional Context
No response
Priority
Low
Privacy Policy
- I’m not disclosing any internal or sensitive information.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the ui5-input and ui5-multi-input suggestion and value-help APIs, then compare them with the proposed ui5-table in the suggestions slot. Define how tabular rows, headers, selection, and the selected value should integrate with both components. Done means a documented and tested API supports the business-partner, product, and patient-style multi-attribute suggestions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100