Vue 2: FlexGrid: Style a row with a dashed line

Vue 2: FlexGrid: Style a row with a dashed line

Posted by: daryn.holmes on 31 January 2018, 2:15 am EST

• 

  daryn.holmes

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 31 January 2018, 2:15 am EST

  Hi,

  I would like to style a row with a dashed line (see attachment).

  I am using the itemFormatter, and I can add classes to cells. However I am unable to get the exact result I want.

  The closest I have come is by setting the cells bottom border, but then there is an extra-long dash where the adjacent cells meet.

  Any ideas on how to do this?

  Thanks, Daryn

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 31 January 2018, 10:08 pm EST

  I am sorry buy unfortunately there isn’t any way to accomplish this since cell are basically Div elements and they do not support Border Spacing property