function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
sujin h ssujin h s 

row span creating extra cells at the end of rows

Hi Team,

We developed a custom aura component. For displaying the bars in the table we spaning the row as below.

User-added image
As in the above image [1] the row i have spaned cell in row for 3 columns at the end of row i'm getting 3 cells extra [2]. Is there a way to remove as table has to end at the column 2023 - Q4.

Can anyone please help me with this?
Thanks in advance!
 
ShivankurShivankur (Salesforce Developers) 
Hi Sujin,

If your cells are blank and you want to show bar chart, then you can hide all the empty cells from css. like;
table{empty-cells:hide;}
Also, you can make use of Data Tables available with SLDS(Salesforce Lightning Design System). With help of which you can customize the data table as you want.

Reference:
https://www.lightningdesignsystem.com/components/data-tables/

Refer this thread to get some more insight on the customization around extra cells in table:
https://stackoverflow.com/questions/13540806/generated-table-with-rowspan-causing-extra-cells

Hope above information helps, Please mark as Best Answer so that it can help others in the future.

Thanks.