Modus Table - Adding HTML data in the ModusTableCellData and cell borders

[Akashmuthumanickam]

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the Modus style guidelines

Proposal

It would be good to add custom cell data similar to what we had in the modus-data-table. Currently, string, integer, and links are available in the cell data type.

Regarding the cell borders, requested to add row only borders similar to the one below.

Motivation and context

No response

What is the issue regarding ?

@trimble-oss/modus-web-components

Priority

High

What product/project are you using Modus Components for ?

Flux - Connect web extensions

What is your team/division name ?

CPD

Are you willing to contribute ?

Yes

Are you using Modus Web Components in production ?

No response

[github-actions]

Hello @Akashmuthumanickam! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

[rthanga1]

By default, the cells will have both row and column dividers but the row separator can be turned off (a property need to be exposed)
For the headers, the column separator will be always visible as the columns can be resized

[rthanga1]

This is a improvement to the table control and this is modus approved. We can take it.

[enowak1031]

@prashanthr6383 Is there a reason why we need the UX for this one?

[prashanthr6383]

@prashanthr6383 Is there a reason why we need the UX for this one?

Hi @enowak1031, I think This needs to be checked by @prashanth-offcl

[prashanth-offcl]

@enowak1031 I think it is get inputs on the second issue but it is already resolved so moving this back to InReview.

@Akashmuthumanickam

1. Custom cell data - I'm not able to find it in modus-data-table, can you tell me what experience you are looking for?
2. Option to remove table vertical border - You can set cellVerticalBorderless to true in displayOptions property to achieve this. Please check out this example here and let me know if that satisfies your requirement.

[enowak1031]

#1306 Related to this issue

[Kavin-Trimble]

Testing completed

[Kavin-Trimble]

@Akashmuthumanickam Could you take a look and provide your insights?

[Akashmuthumanickam]

@Kavin-Trimble, Looking at https://deploy-preview-3164--moduswebcomponents.netlify.app/?path=/story/components-table--custom-cell, I am good with this.