-
Notifications
You must be signed in to change notification settings - Fork 3.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Feature]: The columns in the table component support hover to display customized content #33470
Comments
@gzlinzihong @Nikhil-Nandagopal @somangshu |
@PrasadMadine Yes, I want to be able to display custom content when hovering |
@gzlinzihong , I am also working with @PrasadMadine , I have a question what is the plan to get the custom content for each cell of the table? if we have to add custom content from UI, we should have other table created for holding the custom content corresponding to each cell? what other possible way to get the content to show? |
Hi @akshayvijayjain 。 For example, when we do full-link tracking The above scenario can definitely be displayed in other ways, such as using two tables, We think it’s a better way to show it when hovering If you have a better way to display the above scenarios, you can recommend it~ |
Thank you @gzlinzihong , for detail on the use case. How does frontend know that do you intend to add option to call an api for each cell content, and thus get the custom content from api. I see we can add the customized content to show, by appending it to the actual content. that means, when we are storing thus both the things in same cell, separated by or actually it is mongodb, so we might also store json, we can also given an option in the UI to enter both the details through a form and store it appropriately in the DB @gzlinzihong , let me know what you think? |
@akshayvijayjain I just made a simple example in the example. The actual translation behavior can be understood as calling a function. This may be done through the API or local logic execution. As for storage, something like In the back-end service logic, it should not store the content required for background display in its own logical table. We can use JSObject to convert the original Essentially, a separate display function is still needed And add a new Hover Value, write You can consider it ~ |
dear @gzlinzihong , I have been trying to understand what you want from the issue, but honestly not able to understand the exact steps needed to resolve the issue. the last comment is also not clear, when you said " i just made a simple example in the example" I would need more clarity then I would be happy to proceed on this issue. |
what seems problematic is if there are 10 cells in the columns, or 20 or 30, we will make api call for each of those 30 cell, so 30 api calls? |
Hi @akshayvijayjain . I am sorry for the unclear expression I want to achieve the following effect Add a hover value input box, which can execute the query, and then call it to display when hovering |
Are you worried that if the translation needs to call the API, it will need to initiate a large number of requests and cause lag? For example, adding a mouseover event listener to the cell should not cause the above problems. @akshayvijayjain Thank you for your patience and would love to hear your feedback |
Thank you @gzlinzihong , for more details , based on the input, here is how , we are trying to proceed on this
Let us know are your thoughts |
@akshayvijayjain Thank you very much for your patience and effort! Please do let me know once you have a conclusion. If you're short on time but feel that this feature is feasible, guiding me on how to make these modifications would be greatly appreciated. Let's work together to make Appsmith even better! |
sure @gzlinzihong , we will keep you posted! |
@Nikhil-Nandagopal @gzlinzihong Similarly we are thinking to add mouse event(hover effect on specific cell) What are your thoughts on this? |
Is there an existing issue for this?
Summary
I hope I can customize the content displayed by hover when the mouse moves to the corresponding cell.
Similar to the following form
Why should this be worked on?
The data source may store some technology-related content. When the content is displayed in a table, some semantic translation is required. At the same time, I hope that the original content can be displayed when the mouse is hovering over it. If it is something like translated content (pre-translated content), this form will cause the entire column to be too long.
The text was updated successfully, but these errors were encountered: