How to create a data grid/table on the front end

• Daniel Waters

• June 21, 2022 at 7:48 am

Hi everyone,

What is the best/easiest way to go about building a data grid/table in the front end?

For reference, I’m looking for something you see here https://appsimplantadores.com/wp-content/uploads/2020/05/lidd-min-e1604852363575.png

Ideally I want to be able to click on the heading of each column to sort by that column.

The ability to click a button to edit the columns (add and remove) and reorder them is needed.

The ability to make each column wider/narrower is a nice-to-have.

How can this be done?

Thanks in advance

• John Huebner

• June 22, 2022 at 1:35 pm

This is not an ACF question. You need to look at how to create this type of thing with HTML or whatever it is that you’d use. You’re not going to find someone here that can help you build an application like the image you’ve posted.