Hide Certain Columns

  • Resolved furmori

    (@furmori)


    3 years, 5 months ago

    Hi,
    I created an ACF table with 4 columns. I applied the same code mentioned in the FAQ to render the table fields data as an HTML table on the frontend and it works. But is it possible if I only want to show fields in the first 2 columns (Column A & B) so the other columns are not displayed on the frontend? Rows to show as what is created.
    Thank you in advanced.

Viewing 1 replies (of 1 total)
  • Plugin Author Johann Heyne

    (@jonua)

    Hi,

    hiding specific columns of a table by index/position can be done with the CSS :nth-child() pseudo class.

    table td,
table th {
  /* hide all cells first */
}
table td:nth-child(1),
table th:nth-child(1),
table td:nth-child(2),
table th:nth-child(2) {
  /* show cells of first and second column */
}

    Cheers,
    Johann

Viewing 1 replies (of 1 total)
  • The topic ‘Hide Certain Columns’ is closed to new replies.