vxe-grid表格X轴都加上滚动条

如果您想在vxe-grid表格中添加一个横向滚动条，可以使用CSS属性 `overflow-x: auto;`。以下是一个简单的示例：

/* 将表格添加横向滚动条 */
.vxe-table--striped .vxe-table--border .vxe-table--fit tbody {
  overflow-x: auto;
}

您可以将上述CSS样式添加到您的样式表中，或者在需要的组件中使用 `style` 属性来添加它。请注意，如果您的表格列宽度太小，可能会导致表格出现滚动条。因此，您需要根据您的具体情况来调整表格的列宽度。

相关问题

vxe-grid表格X轴都加上

您是想在vxe-grid表格中的所有列上添加一个相同的样式吗？如果是的话，您可以使用 CSS 来实现。以下是一个简单的示例：

/* 将所有列的 X 轴都加上 10px 的内边距 */
.vxe-table--striped .vxe-table--border .vxe-table--fit tbody td {
  padding-left: 10px;
  padding-right: 10px;
}

您可以将上述 CSS 样式添加到您的样式表中，或者在需要的组件中使用 `style` 属性来添加它。请注意，这个样式只是一个示例，您需要根据您的具体需要进行调整。

vxe-grid 表格表头不跟着滚动

要实现vxe-grid表格表头不跟着滚动，可以按照以下步骤进行操作：

1. 设置固定表头：在vxe-grid组件中添加固定表头属性fixed="top"，表示表头会固定在顶部。

2. 设置滚动区域：在vxe-grid组件中添加滚动区域属性max-height或max-width，并设定具体数值，表示该区域可以滚动。

3. 隐藏原表头：在vxe-grid组件中添加隐藏表头属性show-header="false"，表示原本的表头会被隐藏。

代码示例：

<template>
  <vxe-grid
    :data="tableData"
    :columns="tableColumns"
    :fixed="fixedConfig"
    :show-header="showHeader"
    :max-height="maxHeight"
  ></vxe-grid>
</template>

<script>
export default {
  data () {
    return {
      tableData: [...],
      tableColumns: [...],
      fixedConfig: { header: true },
      showHeader: false,
      maxHeight: '300px'
    }
  }
}
</script>

通过设置fixedConfig属性，可以实现固定表头、固定列等效果。在这里，只需固定表头即可。

通过设置showHeader属性为false，原表头会被隐藏。同时，通过设置maxHeight属性，可以让整个表格区域出现滚动条，但表头始终固定在顶部。