ToolJet / ToolJet

Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. 🚀
https://tooljet.com
GNU Affero General Public License v3.0
26.77k stars 3.29k forks source link

Implement alternate text or placeholder for missing images in table image column #9508

Open GrowwithNaveen opened 2 weeks ago

GrowwithNaveen commented 2 weeks ago

Description: This issue proposes an enhancement to the table component where an alternate text description or a placeholder image is displayed in the image column if the original image source is corrupted or not found.

Possible solutions:

  1. Using alt Attribute:

    • Add an alt attribute to the image tag within the table cell.
    • The alt attribute should provide a clear and concise description of the image content.
    • The alt text description should be informative but concise, ideally under 120 characters.
  2. Using Placeholder Image:

    • Define a placeholder image that will be displayed when the original image is unavailable.
    • This can be a generic image or an icon that represents a missing image.

Solution to be finalized