Javascript 在多个标题下垂直对齐列表

我正在工作，我必须创建这个：

到目前为止，我只能在同一行中创建“标题”，但现在我需要在每个

标题下显示一个列表。我将获得
数据
以显示在
重新尝试
、
返回的
和
交付的
下。但我不知道如何对齐每个
标题下的列表

我将在三个不同的变量中使用三个不同的
数组。那个么我如何在每个标题下显示列表呢？此外，我不太熟悉前端开发，因为它不是我的专业领域

下面是我在
行中显示
标题的步骤

<div fxLayout="row" fxLayoutAlign="space-evenly center">
    <div *ngFor = "let item of statuses">
        <h1>{{item.header}}</h1>
    </div>
</div>


{{item.header}

我不知道下一步要做什么。非常感谢您的帮助。
我会将列表项添加到您的状态数组中：

statuses[0].list = reattemptList;
statuses[1].list = returnedList;
// etc.


{{item.header}
//在这里，您可以对列表项执行一些操作
//{{listItem.name}
我会将列表项添加到您的状态数组中：

statuses[0].list = reattemptList;
statuses[1].list = returnedList;
// etc.


{{item.header}
//在这里，您可以对列表项执行一些操作
//{{listItem.name}
这是一个很好的解决方案，但如果我不能/不想将列表项添加到statuses数组，该怎么办？为了更清楚，实际上我还将实现一个功能，当某个状态将更改returned/reattemp中的任何列表项时，它们将被移动到仓库或以返回。那么你确定将项目添加到statuses数组会是一个很好的方法吗？当然，只需从
statuses[x]移动/添加项目即可。列出
数组或原始数组本身，因为它们都引用同一个对象。太棒了，但你我的朋友刚刚睡了一夜，因为我希望我能在早上得到答案。现在我很想完成这项任务，因为这里涉及到很多其他功能的编码。哈哈，休息一下吧！这是一个很好的解决方案，但如果我不能/不想将列表项添加到statuses数组，该怎么办？为了更清楚，实际上我还将实现一个功能，当某个状态将更改returned/reattemp中的任何列表项时，它们将被移动到仓库或以返回。那么你确定将项目添加到statuses数组会是一个很好的方法吗？当然，只需从
statuses[x]移动/添加项目即可。列出
数组或原始数组本身，因为它们都引用同一个对象。太棒了，但你我的朋友刚刚睡了一夜，因为我希望我能在早上得到答案。现在我很想完成这项任务，因为这里涉及到很多其他功能的编码。哈哈，休息一下吧！