问题-Primeng：P数据表正在自动拟合列

Question

谁能告诉我如何停止自动拟合p-datatable的列。

 <p-column [style]="{ 'width':'300px' }" >

这不是最佳解决方案，因为如果我有5列以上，这将启用屏幕上的滚动条。

Answer 1

为p表赋予样式属性并不是很好。您可以通过将这些CSS类添加到项目的style.css文件夹中来解决滚动条以及表头和表中数据未对齐的问题，并且可以很好地解决该问题。

.ui-table-scrollable-header-box {
 margin-right: 17px !important;
}

.ui-table-scrollable-body {
 margin-right: 17px !important;
}
 ///// this code below is for width of the scroll bar
::-webkit-scrollbar {
width: 10px;
}
.ui-table-scrollable-header {
overflow-y: scroll;
}

我希望它能对您有所帮助。