Wijimo Multi Row layoutDefinition

Wijimo Multi Row layoutDefinition

Posted by: lygiabao15ck1 on 29 September 2019, 4:06 pm EST

• 

  lygiabao15ck1

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 September 2019, 4:06 pm EST

  Hi,
  
  I use layoutDefinition.push to create header

• 

  lygiabao15ck1

  • Post Options:
  • Link
    Copy

  Posted 29 September 2019, 4:07 pm EST

  but they not show in layout?

  Bao-LG

  Sorry my network have problem!

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 30 September 2019, 5:52 pm EST

  Hi,

  To update the layoutDefinition of the MultiRow, you will need to create a new layout from the original layout and then reassign it to the MultiRow control. Please refer to the code snippet and the sample below:

  let ld = JSON.parse(JSON.stringify(multirow.layoutDefinition));
  ld.push({
  	cells: [{ binding: 'sales', header: 'Sales', width: 200 }]
  });
  multirow.layoutDefinition = ld;
  

  https://codesandbox.io/s/angular-tr329

  Regards,
  
  Ashwin

• 

  lygiabao15ck1

  • Post Options:
  • Link
    Copy

  Posted 30 September 2019, 9:20 pm EST

  Hi,
  
  I want column header is multi line and column data is single line
  
  Please, help?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 October 2019, 7:15 pm EST

  Hi,

  To achieve the desired behavior, you will need to create a new column header with the same binding and use the MergerManager class to merge these new data cells. Please refer to the sample below:

  https://codesandbox.io/s/angular-lb3nk

  In this sample, if you will click on the button, a new header ‘Not Sales’ will be added above the ‘Sales’ column. Then, using the MergeManager class’ getMergedRange method, the data is merged.

  Let me know if this was your requirement.

  ~regards