how to delete or move a plan/column in Comparison Table widget

  • Resolved Ren

    (@ceoreanne)


    1 year, 2 months ago

    I have a comparison table with 7 columns and i need to change it to 6 – removing the 3rd column (MailboxPlus). I can’t seem to find a way to delete “plan 3” column or move it to the end so it drops off when I change the number to 6 columns instead of 7 (which currently knocks off TheLuxElite, which I want to keep). I can’t image I have to manually move all the data from plans 4-7 into 3-6, right? There must be a way to delete this little guy. Please advise and TIA!!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Hardik Sharma

    (@hardiksharma)

    Hi @ren,
    Currently, there is no option to remove or move the plan. You have to do it manually. I have an alternate option which is not a good practice but for now, you can hide this column using CSS. You can use the below CSS to hide 3rd column.

    td.eae-ct-heading.eae-table-3, td.eae-ct-txt.eae-table-3 {
    display: none !important;
}
    Thread Starter Ren

    (@ceoreanne)

    The CSS option works for me except this css only hides that one cell and I need to hide all cells in that column. Can you send over a new chunk of code to accomplish that please? THANK YOU!!

    • This reply was modified 1 year, 2 months ago by Ren. Reason: actually, not resolved yet
    Plugin Contributor Hardik Sharma

    (@hardiksharma)

    Hi @ceoreanne,
    As I checked it on my end it works fine. I put this code in Comparison Table Widget > Advanced Tab > Custom CSS.

    Thread Starter Ren

    (@ceoreanne)

    Yeah thats the same place i put the css you gave me and it works great to hide that top header row but it shifted all the other headers over the other existing/remaining content in the rest of the column 3 cells. What I did instead was add javascript to suppress that entire column which works perfectly – sharing here in case any other fellow users need this type of assistance:

    <script>
var tbl = document.getElementsByClassName("eae-ct-wrapper")[0].getElementsByTagName("table")[0];
for (rowId in tbl.rows) {
tbl.rows[rowId].removeChild(tbl.rows[rowId].children[3]);
}
</script>
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to delete or move a plan/column in Comparison Table widget’ is closed to new replies.