Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
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