Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Table Component

Avatar

Former Community Member

How to add styles to the default table Component

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi

Are you talking about AEM OOTB component?

If so, then

copy table component here: 

/libs/foundation/components/table

place under /apps/<yourproject>/components

Then open the code here: 

/apps/<yourproject>/components/table/table.jsp.

Add your style changes to the code. You can include a clientlibs too that contains a CSS. 

Make sure you change the title (the jcr:title prop of the table compoent under /apps) of the component too so you can easily see the new component. Name it something like NewTable

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

View solution in original post

1 Reply

Avatar

Correct answer by
Administrator

Hi

Are you talking about AEM OOTB component?

If so, then

copy table component here: 

/libs/foundation/components/table

place under /apps/<yourproject>/components

Then open the code here: 

/apps/<yourproject>/components/table/table.jsp.

Add your style changes to the code. You can include a clientlibs too that contains a CSS. 

Make sure you change the title (the jcr:title prop of the table compoent under /apps) of the component too so you can easily see the new component. Name it something like NewTable

Thanks and Regards

Kautuk Sahni



Kautuk Sahni