vue.js - PrimeVue：表格列对齐不一致

Question

我正在尝试使所有列及其标题对齐：

但一切似乎都有自己的想法，我明白了：

我使用的代码非常简单：

<DataTable
  :value="someValue"
  responsiveLayout="scroll"
  :scrollable="true"
  scrollDirection="both"
  class="p-datatable-lg"
  scrollHeight="500px"
>
<Column field="field1" header="Service"/>
</DataTable>

我尝试了很多事情，即像这样设置列的宽度：

style="min-width:200px"

当前的解决方案是简单的删除 scrollDirection="both"，这会导致：

我们想防止这种自动换行，因为它很难阅读。

但这也会导致列不对齐。有没有人遇到过这个问题，你是如何解决的？

谢谢！

标签： vue.jsprimevue