Need help with a VUE table?

Question

HTML

Guys, there are tasks in the headers of the table to prescribe dates, then in the body of the table I run v-for on the array and display the name in the first column and then there should be an array of applications that I have in the array, each application should occupy either a full cell if the start and end date in one date, or unite if several start and end dates are on this day, or expand if the start and end are in different dates, but I don’t understand how I can understand whether the date of the application corresponds to the date indicated in the table header, if something is not clear, write, tickets have a start date and an end date in ms.
The initial array looks like this:
[{"Name", [{CLICK},{CLICK}]}. {"Name",[[{APPLICATION},{APPLICATION}]}]

Answer 1

You will shape the data structure so that it can be easily traversed.
For example, like this:

[
  {
    header_title: "Название некоторого длительного процесса",
    date_begin: , // начало процесса, вычисляется предварительной пробежкой по всем заявкам, поиск минимума
   date_end: , //  конец процесса, вычисляется предварительной пробежкой по всем заявкам, поиск максимума
appls: [
             {title: "ЗАЯВКА", date_begin, date_end},
             {title: "ЗАЯВКА", date_begin, date_end},
    ]
  }
]

And in general, the question of how to draw a table (with two nested v-for) will disappear.