我有一个flexbox布局，以列格式显示数据。我想保持x轴（行）在列上的高度相同。如果flex列中的一个项目有更多文本，那么其他列就会出现问题。
请参阅代码笔codepen link
如何在每个x轴（行）上使项目高度相同。
.Grid {
display: flex;
flex-wrap: nowrap;
word-wrap: break-word !important;
}
.Grid-column {
//flex: 1;
flex-grow: 1;
padding:0;
flex-direction: column;
word-wrap: break-word !important;
}
.Grid-cell {
width: 100%;
flex: 1;
word-wrap: break-word !important;
min-width: 50%;
padding:0 1em;
box-sizing:border-box;
}
.Grid-cell:nth-child(2n+1) {
background: lightgray;
word-wrap: break-word !important;
}
.Grid-row:first-child {
background:dodgerblue;
font-weight: bold;
}
.Grid-cell:first-child {
background: dodgerblue;
font-weight: bold;
padding-top:1em;
}
.Grid-cell:first-child {
background: dodgerblue;
font-weight: bold;
}<div id=event-history-view>
<div class="Grid">
<div class="Grid-column">
<div class="Grid-cell">Change Date</div>
<div class="Grid-cell">Brief Description</div>
<div class="Grid-cell">1Description</div>
<div class="Grid-cell">Commentary</div>
<div class="Grid-cell">Severity Name</div>
<div class="Grid-cell">Ticker Type Name</div>
<div class="Grid-cell">Disclosure Code</div>
<div class="Grid-cell">Disclosure Name</div>
<div class="Grid-cell">Status Name</div>
<div class="Grid-cell">Category Name</div>
<div class="Grid-cell">Publish Mode Name</div>
<div class="Grid-cell">Agreement Date</div>
<div class="Grid-cell">Deletion Reason</div>
<div class="Grid-cell">Updated By</div>
<div class="Grid-cell">Event Approval Status Name</div>
<div class="Grid-cell">Event Approval Commentary Approved</div>
<div class="Grid-cell">Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">Event Approval Comments</div>
<div class="Grid-cell">Event Approval Updated By</div>
</div>
<div class="Grid-column">
<div class="Grid-cell">2Change Date</div>
<div class="Grid-cell">2Brief Descriptionasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf</div>
<div class="Grid-cell">2Description</div>
<div class="Grid-cell">2Commentary</div>
<div class="Grid-cell">2Severity Name</div>
<div class="Grid-cell">2Ticker Type Name</div>
<div class="Grid-cell">2Disclosure Code</div>
<div class="Grid-cell">2Disclosure Name</div>
<div class="Grid-cell">2Status Name</div>
<div class="Grid-cell">2Category Name</div>
<div class="Grid-cell">2Publish Mode Name</div>
<div class="Grid-cell">2Agreement Date</div>
<div class="Grid-cell">2Deletion Reason</div>
<div class="Grid-cell">2Updated By</div>
<div class="Grid-cell">2Event Approval Status Name</div>
<div class="Grid-cell">2Event Approval Commentary Approved</div>
<div class="Grid-cell">2Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">2Event Approval Comments</div>
<div class="Grid-cell">2Event Approval Updated By</div>
</div>
<div class="Grid-column">
<div class="Grid-cell">3Change Date</div>
<div class="Grid-cell">3Brief Description</div>
<div class="Grid-cell">2Description</div>
<div class="Grid-cell">3Commentary</div>
<div class="Grid-cell">3Severity Name</div>
<div class="Grid-cell">3Ticker Type Name</div>
<div class="Grid-cell">3Disclosure Code</div>
<div class="Grid-cell">3Disclosure Name</div>
<div class="Grid-cell">3Status Name</div>
<div class="Grid-cell">3Category Name</div>
<div class="Grid-cell">3Publish Mode Name</div>
<div class="Grid-cell">3Agreement Date</div>
<div class="Grid-cell">3Deletion Reason</div>
<div class="Grid-cell">3Updated By</div>
<div class="Grid-cell">3Event Approval Status Name</div>
<div class="Grid-cell">3Event Approval Commentary Approved</div>
<div class="Grid-cell">3Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">3Event Approval Comments</div>
<div class="Grid-cell">3Event Approval Updated By</div>
</div>
<div class="Grid-column">
<div class="Grid-cell">Change Date</div>
<div class="Grid-cell">Brief Description</div>
<div class="Grid-cell">Description</div>
<div class="Grid-cell">Commentary</div>
<div class="Grid-cell">Severity Name</div>
<div class="Grid-cell">Ticker Type Name</div>
<div class="Grid-cell">Disclosure Code</div>
<div class="Grid-cell">Disclosure Name</div>
<div class="Grid-cell">Status Name</div>
<div class="Grid-cell">Category Name</div>
<div class="Grid-cell">Publish Mode Name</div>
<div class="Grid-cell">Agreement Date</div>
<div class="Grid-cell">Deletion Reason</div>
<div class="Grid-cell">Updated By</div>
<div class="Grid-cell">Event Approval Status Name</div>
<div class="Grid-cell">Event Approval Commentary Approved</div>
<div class="Grid-cell">Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">Event Approval Comments</div>
<div class="Grid-cell">Event Approval Updated By</div>
</div>
<div class="Grid-column">
<div class="Grid-cell">Change Date</div>
<div class="Grid-cell">Brief Description</div>
<div class="Grid-cell">Description</div>
<div class="Grid-cell">Commentary</div>
<div class="Grid-cell">Severity Name</div>
<div class="Grid-cell">Ticker Type Name</div>
<div class="Grid-cell">Disclosure Code</div>
<div class="Grid-cell">Disclosure Name</div>
<div class="Grid-cell">Status Name</div>
<div class="Grid-cell">Category Name</div>
<div class="Grid-cell">Publish Mode Name</div>
<div class="Grid-cell">Agreement Date</div>
<div class="Grid-cell">Deletion Reason</div>
<div class="Grid-cell">Updated By</div>
<div class="Grid-cell">Event Approval Status Name</div>
<div class="Grid-cell">Event Approval Commentary Approved</div>
<div class="Grid-cell">Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">Event Approval Comments</div>
<div class="Grid-cell">Event Approval Updated By</div>
</div>
<div class="Grid-column">
<div class="Grid-cell">Change Date</div>
<div class="Grid-cell">Brief Description</div>
<div class="Grid-cell">Description</div>
<div class="Grid-cell">Commentary</div>
<div class="Grid-cell">Severity Name</div>
<div class="Grid-cell">Ticker Type Name</div>
<div class="Grid-cell">Disclosure Code</div>
<div class="Grid-cell">Disclosure Name</div>
<div class="Grid-cell">Status Name</div>
<div class="Grid-cell">Category Name</div>
<div class="Grid-cell">Publish Mode Name</div>
<div class="Grid-cell">Agreement Date</div>
<div class="Grid-cell">Deletion Reason</div>
<div class="Grid-cell">Updated By</div>
<div class="Grid-cell">Event Approval Status Name</div>
<div class="Grid-cell">Event Approval Commentary Approved</div>
<div class="Grid-cell">Event Approval Needs Secondary Approval</div>
<div class="Grid-cell">Event Approval Comments</div>
<div class="Grid-cell">Event Approval Updated By</div>
</div>
</div>
</div>