Row headers and rowHeaderPath and headersVisibility

Row headers and rowHeaderPath and headersVisibility

Posted by: rbutler on 17 March 2019, 11:47 am EST

• 

  rbutler

  • Post Options:
  • Link
    Copy

  Posted 17 March 2019, 11:47 am EST

  Hi,
  
  It appears that the headersVisibility setting is overridden by rowHeaderPath having a value? Can you confirm and if correct, is this by design or a bug? Or am I misunderstanding some aspect of this feature? The documentation specifically addressing working with row headers is sparse (other than to note it isn’t a common thing).

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 18 March 2019, 3:14 am EST

  I have tried replicating the issue using the mentioned steps but I was unable to do so. I also logged the value of headersVisibility to console but the value was not overridden.

  I have attached the sample that I used to replicate the issue with, please check it out and let me know if you are facing the issue with the sample as well

  https://jsfiddle.net/ashwin2409/btx6nLeo/

• 

  rbutler

  • Post Options:
  • Link
    Copy

  Posted 18 March 2019, 10:39 am EST - Updated 3 October 2022, 8:08 pm EST

  Hi,
  
  I think I got confused by my assumption that row headers would behave the same as column headers in visibility. Here is what I mean (images attached for reference):

  1. When I specify a column as having row header values, I would expect the row header cells to contain that text while still functioning as row headers.
  2. I would also expect that if I select a visibility of Column, or None, that I would not see the row headers (meaning I would not see the column designated as row header at all).

  In your example, the ‘id’ column has been specified as the row header column via rowHeaderPath. Yet in this image, you can we can still see the ID column when visibility is set to ‘Column’, because ID is still being treated as a regular column.

  Further, the actual row headers (turned off in the first image) are visible in the second image, but are separate and distinct from the ID column, which is present as a normal column despite being designated as row header. I can select cells in the ID column and the entire row is not selected. And the row header does not display any text.

  So I ask, when I designate a row header path, what behavior should I see in the grid to reflect this designation?

  

  933×415 38.3 KB

  

  1247×351 39.6 KB

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 19 March 2019, 2:38 am EST

  Hi,

  The rowHeaderPath property will not work like a row header because it is not meant to be. It is only used for accessibility. Please refer to the documentation below:

  https://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.grid.FlexGrid.Class.html#rowHeaderPath

  If you would like a column as a row header, you can do this using the itemFormatter property of FlexGrid. Here is a sample for the same:

  https://jsfiddle.net/y2hauLmg/