How to scroll in Cell with scroll table

How to scroll in Cell with scroll table

Posted by: anh012868 on 21 November 2023, 7:05 pm EST

• 

  anh012868

  • Post Options:
  • Link
    Copy

  Posted 21 November 2023, 7:05 pm EST

  I want to scroll a cell inside a table that is also scrolling. I have searched a lot but still have no answer. Please help me. I bought your license. Below is the file I sent. I used the current library and I added some customizations to have scroll in a cell.

• 

  anh012868

  • Post Options:
  • Link
    Copy

  Posted 21 November 2023, 7:17 pm EST - Updated 21 November 2023, 7:27 pm EST

  Describe image

  

  696×454 28.7 KB

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 23 November 2023, 12:02 am EST

  Hi,

  You can add a class to the desired cells. Then you may style such cells as below:

  .custom-scrollable {
    overflow-y: auto;
    height: 80px; /* set height as per the requirement*/
  }

  Also, to make the content scrollable please handle the “wheel” event on the hostElement of the FlexGrid and use the stopImmediatePropagation() for the required cells so that the default “wheel” listener can be prevented from being called when the target element of scrolling is the cell with custom class.

  Please refer to this sample for reference: https://stackblitz.com/edit/react-r1bhht

  Regards

• 

  anh012868

  • Post Options:
  • Link
    Copy

  Posted 28 November 2023, 6:14 pm EST

  I’m sorry for thanking you so late, but I really thank you for this solution. I hope you will help me a lot in the future because I am working a lot with wijmo.

• 

  anirudh.verma

  

  • Post Options:
  • Link
    Copy

  Posted 28 November 2023, 6:37 pm EST

  Hi,

  Thank you for your support. I’m glad to hear that the solution was helpful to you.

  Also, if you face any issues in future while using Wijmo, then please feel free to ask your queries.

  Thank you.

  Regards