Completed Task 483 : Created New Grid Component for Raaghu Design System in Storybook

[hemalatagaikwad]

Description:

• Add Drag Drop functionality to grid column
• Add Resize functionality to grid column
• Add Filter functionality to column (for all column or column wise)
• Add Search functionality to column (for all column or column wise)
• Add Pagination for grid
• UI changes for Filter popup for dark and light theme
• Soring functionality for column

Screenshots:

Default

With All Search

With All Filter

With Sort

With Custom Filter

With Custom Search

With Pagination

With Wrap Text

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes

[Ketan-Khalate]

Hello @hemalatagaikwad please refer RdsCompDataTable component we want structure like wise in this newly created component as data-table is same as grid so once go through it that Component as we are passing props through on interface only.

[hemalatagaikwad]

@Ketan-Khalate I am changing the code and creating a common interface; can you please look into it?

[AkshayPotphode]

i) Replace Inline css with css classes. ii) Added custom css. iii) Added export to interface. iv) Change the code places accordingly our code.