解决 Datagrid 数据列少导致横向滚动条问题

当数据列的数量较少时，datagrid 的宽度可能会超出其容器的宽度，从而出现横向滚动条。解决这个问题的方法是让 datagrid 自适应其容器的宽度，即让 datagrid 的宽度等于容器的宽度。可以使用 CSS 样式来实现这个目标：

#datagrid {
  width: 100%; /* 设置宽度为容器的宽度 */
  overflow-x: hidden; /* 隐藏横向滚动条 */
}

这样就可以让 datagrid 根据容器的宽度自适应，并且避免出现横向滚动条。