Skip to Content (Press Enter)
UserImage.jpg
Naman Gahlout
55Views
5Comments
Arrangement of Header in table
Question
Data

Hi Everyone,

I have a table in my application that I want to arrange like the image that I have attached with this Post.

I mean how can we do the grouping of header Cell. Is it possible in Outsystems In built table.

Can Anyone help me with this?

Thanks, in advance. 

Naman

0
0
29 Nov 2023
Copy Link
2024-05-08 06-29-37
Prince Aadil Khan Panwar

Hi Naman Gahlout,

Try to do this

Suppose you have two colums

First name 

Last name

Just try to hide first name header by adding css into attribute display :none and rename the last name as name.

Hope this helps

Thanks

Prince

0
2
29 Nov 2023
Copy Link
UserImage.jpg
Naman Gahlout

Hi @Prince Aadil Khan Panwar 

Thanks for your reply.

I'll try to implement this.

Thanks

Naman

0
0
30 Nov 2023
Copy Link
2024-05-31 13-38-35
Rui Fonseca

Hi @Naman Gahlout ,

you can try and use this Data Grid Reactive forge component to help you with this challenge.

Also use this Data Grid Sample Reactive to learn how to implement it using OutSystems. 

You can also have a peek at this Forum issue, because one user already had this question.

Hope this helps :)


0
0
29 Nov 2023
Copy Link
UserImage.jpg
Naman Gahlout

Hi @Rui Fonseca ,

Thanks for your Reply, I'll give a try to this component.


Thanks 

Naman

0
0
30 Nov 2023
Copy Link
2023-11-22 10-51-50
Jozy Sohail

Hi Naman,

First you have to assign colspan attribute of table header to number of header you want to combine.

Once the headers are combined, you will see your remaining headers, so to hide them you need to a call on those headers with property as "display:none !important".

Adding an OML for reference, just check  table in colorPicker screen, there i have combined last 2 columns.

Hope it helps.

Thanks.

testJS_demo.oml
0
0
30 Nov 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.