目前暂时用AI生成了一个CSS代码可以得到类似如下的效果
代码为：
table.dataview tbody {
display: block; /* 将表格主体部分设置为块级元素 */
max-height: 300px; /* 设置表格主体部分的最大高度为300像素 */
overflow-y: auto; /* 当内容超出最大高度时，允许垂直方向滚动 */
}
table.dataview tr {
display: table; /* 将表格行设置为表格行的显示方式 */
width: 100%;
margin: 0; /* 移除表格行的外边距 */
padding: 0; /* 移除表格行的内边距 */
table-layout: fixed;
}
但是会导致每列为固定宽度，移除table-layout: fixed;后则会导致每列的元素不能对齐，AI说在某些地方加入text-align: left;可以解决，但试了好几次都没有效果。
所有主要问题是：有没有什么办法，能让整个表格在实现下方能正常滑动的同时，每列能自动调整宽度？（就像什么CSS都不加时Dataview所表现的那样。）
鄙人纯编程小白，基本不懂CSS 
希望论坛各位大佬指点迷津。