Closed
Description
Description
Increase functionality of existing grid block in new UI. Would suggest starting with seeing how the grid functions in legacy, we want to replicate some of that and change some of that
Existing
Current grid ability within new UI:
- Select frame and columnsToggle pagination on/off
References
Tasks
The following updates should be added to the grid functionality around styling and events:
Events
- Click event
Styling
- Header background colorHeader font color/sizeCell font color/sizeColor by value (should apply to one cell with ability to checkbox to apply to entire row if desired)Add title (Chart title, font size, font color)
Features
- Toggle row spanningWrap text within cellsResize columns (in legacy UI, the user is able to drag the column to resize within the panel. Does not need to be accomplished in the exact same way)Resize chart
Metadata
Metadata
Assignees
Labels
No labels
Activity
ehynd commentedon Mar 27, 2025
there is a completed design in figma for this grid block: https://www.figma.com/design/Qj4tWPsniFOJ6qSLfxOaBT/UI-Builder---Design?node-id=11455-103145&t=FvRxuEjeFS0ADRr9-0
Shubham009-prog commentedon Apr 7, 2025
Hi, I was having some clarifications:
Shubham009-prog commentedon Apr 8, 2025
Hi, As per our discussion yesterday, I will proceed with integrating a data grid in place of the standard table. This change will involve significant modifications to the functionalities I have already implemented.
Additionally, I need to explore column resizing on drag functionality, which may require further adjustments. Considering these updates, I anticipate that the task will take more time to complete.
ehynd commentedon Apr 8, 2025
All sounds good! Pushing out the timeline makes complete sense given the change in direction.
Just for tracking this is our plan on this one:
Shubham009-prog commentedon Apr 11, 2025
Hi, I have successfully Integrated DataGrid along with pagination and resizing column using drag. Also have reimplemented some of features like header and cell styling along with text wrapping, Its also working fine with new data Grid. Also attached screenshot of the progress below:
Shubham009-prog commentedon Apr 17, 2025
Hi @ehynd , I have implemented the color by value feature.
After discussion with sayali, she is saying that this design is not approved yet could you confirm about it?
ehynd commentedon Apr 18, 2025
Hi @Shubham009-prog that's essentially it! Just left one more comment in the figma and then we should be good to go. it looks great!
Shubham009-prog commentedon Apr 22, 2025
Hi, I am currently working on the click event. As discussed yesterday I am doing it in same was as its working on the other charts.
Shubham009-prog commentedon Apr 23, 2025
Hi, I have raised the PR. Please have a look https://github.com/SEMOSS/semoss-ui/pull/966
ehynd commentedon May 21, 2025
@Shubham009-prog when you get back, could you please update this branch? pull in dev and resolve any conflicts, want to get it merged next week
ehynd commentedon May 30, 2025
@Shubham009-prog this one instead please! pull in dev and resolve any conflicts, there's a few things I know have changed in the last month to be integrated here