Datagrid: Setting stretchColumn to "last" does not stretch the last column

[s-werking]

Describe the bug
The last column does not get stretched when the datagrid setting stretchColumn is set to "last".

To Reproduce
Steps to reproduce the behavior:

1. Go to http://localhost:4000/components/datagrid/test-stretch-last-column.html
2. Note that the last column is not stretched
3. Remove the stretchColumn setting in test-stretch-last-column.html
4. Go to http://localhost:4000/components/datagrid/test-stretch-last-column.html
5. Note that the table looks the same without the stretchColumn setting

Expected behavior
When the stretchColumn setting is set to "last", the columns should all be their set pixel widths and the last column should fill the rest of the table if there is any width left. If the total column widths are over the table width, then all of the columns including the last should be their set pixel width.

Version

• ids-enterprise: v4.60.0-dev

Platform

• Infor Application/Team Name: lawson
• OS Version: Windows10
• Browser Name: chrome
• Browser Version: Version 97.0.4692.99 (Official Build) (64-bit)
  Related Lawson JIRA Ticket: LSF-50627

[tmcconechy]

As a workaround what seems to work is setting it to the name.

stretchColumn: 'orderDate', // or columns[columns.length -1].id

Maybe we phase last out for simplicity. Would suggest doing this...

[s-werking]

The only issue with that solution is that when you resize the last column to be close to the end of the table and resize the next column over, the last column disappears. Gif for reference:

[tmcconechy]

I think the stretch column should be used for readonly views (no resize). Its a bit limited. Would probably be better off without it.

This is probably fixable but i might have to rework how the columns are done. I will consider this for the v5

[tmcconechy]

@ericangeles think we can look it this? i may need to pick it up tho.

1. We the word last doesnt work anymore (...) more minor
2. The resize removes the last column of the page...

[tmcconechy]

Maybe 4630648#diff-13c32b0c73b40992aa6d376fb22d6746845a3b7d6d2545e19bd30687bcabb5a5

[jbrcna]

this is now working in Chrome but Failed in Safari browser
v4.60.0-dev
Browserstack SAfari Browser
https://main-enterprise.demo.design.infor.com/components/datagrid/test-stretch-last-column.html

Also, try resizing the row height after you resize the column. it will look like this
Steps

1. resize the last column to the right -> make sure you can still see it and scroll to it
2. resize the next column to it to the left -> make sure you can still scroll right and see it
3. Change row height to small or any
   

[tmcconechy]

Lets make a new issue for that bit. Im not certain that we will be able to fix it and this feature is pretty much deprecated.

[jbrcna]

Thanks for clarification @tmcconechy , here's the ticket for the new issue. #6087