47
Views
14
Comments
Solved
Merge column in the table

Is there any way of the merge column in the table ?

In attachment is oml file.




Drink.png
DescricaoDrink.png
Aluno.oml
UserImage.jpg
Diogo Lourenco
Solution

You used "width:20" as your class name, the ':' character is reserved in CSS for selectors and can't be used to name classes. Also, I didn't find any class in your theme, you have to write the class there before using it.
Defining the class in your theme:

Using it:


I also added the class ".word-break-all" to your theme and applied it to the expressions in your table because if the text in the column is bigger than the space reserved for it, it won't respect the width that was set with percentage and will get your table dealigned. If you don't want your words to break, you can use other ways (for example, setting your column width as px's and then applying an ellipisis to your text).


I attached an OML file with the changes mentioned.



Aluno.oml
2020-07-21 19-28-50
Rajat Agrawal
Champion

Hi Vivian Mattos,

I have changed the code in your OML you can check it, this way we can achieve  your above functionality.

Look and field you change it according to your need.

Any issue let me know!!


Regards,

Rajat

Aluno.oml
UserImage.jpg
Vivian Mattos

Hi @Rajat Agrawal

I checked here, but I need keep one only title in the table. Same of example.

The subtitles need be inside of the table main

exampleNext.png
2020-07-21 19-28-50
Rajat Agrawal
Champion

Hi,

I changed your OML, please check it again and you can modify according to your scenario and also UI. Logic you can use to show list inside list what i did in OML.

Hope this helps you!!


Regards,

Rajat

Aluno.oml
2021-09-06 15-09-53
Dorine Boudry
 
MVP

@Rajat Agrawal,

On the format : please describe the solution when replying to a post. I am now forced to open and inspect your oml.

Dorine

2020-07-21 19-28-50
Rajat Agrawal
Champion

Hi @Dorine Boudry 

Sure, I'll do it going forward but this is related to the OML attached to the question from

Vivian Mattos. 

Just try to help to provide the solution in the same OML. Thanks for the feedback.

Regards,

Rajat 


UserImage.jpg
Vivian Mattos

Thanks @Rajat Agrawal 

Your oml was very more valuable than an explanation. Because with example it is just analyzing.

Thanks so much

2020-07-21 19-28-50
Rajat Agrawal
Champion
UserImage.jpg
Vivian Mattos

Not at all @Rajat Agrawal 

 Is there any way of align the values of the columns ?

 Because in each section are misaligned.

misaligned.png
2020-07-21 19-28-50
Rajat Agrawal
Champion

you can mange align by Align property in Style tab shown below.


Thanks 

Rajat

UserImage.jpg
Vivian Mattos

@Rajat Agrawal 

I've already tried doing this, but it doesn't work when you maximize or minimize the screen. 

UserImage.jpg
Diogo Lourenco

Since you are using multiple tables, each table is adjusting his size automatically.  

You can create class's for the different columns,  and then apply them to the column cells. After having every column with a pre-defined width, all your items should be aligned.


For example:

UserImage.jpg
Vivian Mattos

Hi Diogo, I tried this, but also isn't working.

In attachment is oml.

Aluno.oml
UserImage.jpg
Diogo Lourenco
Solution

You used "width:20" as your class name, the ':' character is reserved in CSS for selectors and can't be used to name classes. Also, I didn't find any class in your theme, you have to write the class there before using it.
Defining the class in your theme:

Using it:


I also added the class ".word-break-all" to your theme and applied it to the expressions in your table because if the text in the column is bigger than the space reserved for it, it won't respect the width that was set with percentage and will get your table dealigned. If you don't want your words to break, you can use other ways (for example, setting your column width as px's and then applying an ellipisis to your text).


I attached an OML file with the changes mentioned.



Aluno.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.