小编S3c*_*ros的帖子

我使用引导程序创建了一张卡片。我打算在该卡中插入一个包含数据的表格。

我的问题是，当缩小屏幕（检查响应能力）时，表中的数据从卡中出来。

我该如何解决我的这个问题，有人可以帮助我吗？

谢谢

演示版

.HTML

<div style="width:40%">
    <div class="card">
        <div class="card-header header">
            <h1>My Table</h1>
        </div>
        <table class="card-table table-borderless myTable" style="overflow-y: auto; overflow-x: auto;">
            <thead>
                <tr>
                    <th scope="col tableTitles">Title</th>
                    <th scope="col tableTitles">Name</th>
                    <th scope="col tableTitles">ID</th>
                    <th scope="col tableTitles">Street</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let pr of Data; let  a = index;" class="tableColor">

                    <td class="tableTitles">
                        {{pr.title}}
                    </td>
                    <td class="tableTitles">
                        {{pr.name}}
                    </td>
                    <td class="tableTitles">
                        {{pr.id}}
                    </td>
                    <td class="tableTitles">
                        {{pr.street}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

。CS

.card {
    margin-top: 16px;
    margin-left: 16px;
    height: …

我有一个需要几分钟的对象，比如整数。

有没有办法将此整数（分钟）传递给日期格式？

我尝试使用角度日期管道，但转换错误。

有人能帮我吗？

演示

代码

 <div *ngFor="let m of data">
<p>{{m.minutes * 1000 | date:'HH:mm'}}</p>   
 </div>