Expand my Community achievements bar.

Customizing OOTB Table Component

Avatar

Level 1

Hello,

Am trying to implement the following table structure with OOTB Table component.

<table class="class1" cellspacing="0">

     <tbody>

          <tr class="class3">

               <td scope="row">Data Row 1 - Col 1</td>

               <td class="class4">Data Row 1 - Col 2</td>

          </tr>

          <tr class="class2">

               <td scope="row">Data Row 2 - Col 1</td>

               <td class="class5">Data Row 2 - Col 2</td>

           </tr>

     </tbody>

</table>

I could only achieve this structure with almost all possible tries(correct me if i missed anything) with existing component.

<table cellspacing="0">

     <tbody>

          <tr >

               <td scope="row">Data Row 1 - Col 1</td>

               <td >Data Row 1 - Col 2</td>

          </tr>

          <tr >

               <td scope="row">Data Row 2 - Col 1</td>

               <td >Data Row 2 - Col 2</td>

           </tr>

     </tbody>

</table>

This OOTB table component is limiting author only to enter "header", "id", "scope" attributes but not "class" or any other custom attributes.

The queries are as follows:

1. Is it possible to achieve this scenario?

2. If yes, could you please share some package  or inputs to proceed furthur.

3. I could see Table component in AEM 6.4 is depricated, is there any other alternative to achieve this author friendly scenario where he can have n*n table creation and authoring at the same time.

Thanking in Advance for all your answers.kautuksahnismacdonald2008

0 Replies