Wai-Technologies / raaghu-react

Raaghu Design System - React, is a design system for modern web apps, which is an open source, Bootstrap enabled collection of reusable elements and components guided by clear standards, capable of giving the designers the necessary tools to develop beautiful, responsive and engaging product experiences.
https:\\raaghu.ai
MIT License
159 stars 8 forks source link

Design System > Add new component (Grid) #483

Open trivenikulkarni opened 4 months ago

trivenikulkarni commented 4 months ago

Add below new component 1.drag and drop

AkshayPotphode commented 2 months ago

This code are done functionality wise, I have working on to convert this code it in our code. Following points are covered : i) Replace Inline css with css classes. ii) Added custom css. iii) Added export to interface. iv) Change the code places accordingly our code. v) Remove DragItem interface.

trivenikulkarni commented 1 month ago

1.Add Drag Drop functionality to grid column

2.Add Resize functionality to grid column

3.Add Filter functionality to column (for all column or column wise) with-all- [Verified pass on staging] One observation : Sorting not working on column name click

4.Add Search functionality to column (for all column or column wise) with-all-search : [Verified pass on staging]

5.Add Pagination for grid Issue added Grid_Pagination issue

6.UI changes for Filter popup for dark and light theme

7.Export functionality

  1. For custom filter Grid_CustomeFilterIssue

  2. For custom search Grid_CustomeSearchIssue