Is it possible to add a line separator by click?

Hello, I need to add a line separator/ barrier by clicking on the row in any place with the possibility to drag and drop and remove. I have checked all documentation but did not find any solution for that. Is it possible to do it by using SfDataGrid or I need to implement my own Datagrid? Thanks for the answer. Attached the screenshot in the zip file

Attachment: barrier_4b3786fc.zip

4 Replies 1 reply marked as answer

MA Mohanram Anbukkarasu Syncfusion Team March 15, 2021 11:20 AM UTC

Hi Yuriy, 

Thanks for using Syncfusion products.  

You can achieve this requirement by setting sfDataGrid.RowDropIndicatorMode property value as Line. This feature is available from our 18.2.0.44 version. Please refer the below given help documentation.  


Please revert to us with details if we have misunderstood your requirement.  

Regards, 
Mohanram A. 


Marked as answer

YS Yuriy Shkraba March 15, 2021 12:06 PM UTC

Thanks, Mohanram A.  for the answer. This is a bit complicated than the line separator. 
For example:
I have a Datagrid with multiple columns and rows. When I hover on any rows except first and last I need to  Highlight the bottom of the border with custom style (I hope it could be done by using AlternatingRowStyle but I'm not sure, I still working on this) if I click then apply this style, also if this style already applied to the row I need to implement possibly to remove this style by clicking on the row, also I need have a possibly drag and drop this separator, maybe it could be done by allocating extra row (like Summaries). Please let me know if there is any solution to that. Thank you very much.


YS Yuriy Shkraba March 15, 2021 12:12 PM UTC

I have few more questions: Is it possible to add Summaries to any places?  As I see you have an enum base this enum we calculate the position "top or button" Is it possible to override and set custom position property?
Can I add a row by hover effect?



MA Mohanram Anbukkarasu Syncfusion Team March 16, 2021 12:05 PM UTC

Hi Yuriy, 

Thanks for the update. 

Query 
Response 
Can I add a row by hover effect? 
You can provide hover effect for the rows by enabling the AllowRowHoverHighlighting property and set the color by using RowHoverHighlightingBrush property. 



I have few more questions: Is it possible to add Summaries to any places?  As I see you have an enum base this enum we calculate the position "top or button" Is it possible to override and set custom position property? 
We are little unclear with this requirement. Please confirm whether your requirement is to display the table summary in any places within the SfDataGrid Or you need to display the table summary value in any other control in the window. 
Based on your confirmation we will check for the possibilities to achieve it.  
I have a Datagrid with multiple columns and rows. When I hover on any rows except first and last I need to  Highlight the bottom of the border with custom style (I hope it could be done by using AlternatingRowStyle but I'm not sure, I still working on this) if I click then apply this style, also if this style already applied to the row I need to implement possibly to remove this style by clicking on the row, also I need have a possibly drag and drop this separator, maybe it could be done by allocating extra row (like Summaries). Please let me know if there is any solution to that. Thank you very much. 
We regret for the inconvenience. We are unable to understand this requirement. If possible, can you please provide clear details about this requirement with some illustration (image for each actions like hover, click). It will be more helpful for us to check for the possibilities and to provide a prompt solution. 

Regards, 
Mohanram A. 


Loader.
Up arrow icon