gantt.config.columns列与列中间用竖线隔开

要在Gantt图的列之间添加竖线分隔，您可以使用Gantt图库提供的`gantt.config.columns`属性和自定义CSS样式来实现。

首先，您可以通过`gantt.config.columns`属性定义您的Gantt图列的配置。在每个列配置对象中，您可以添加一个自定义的CSS类名，以便后续使用。

例如，下面是一个示例的`gantt.config.columns`配置：

gantt.config.columns = [
  { name: "column1", label: "Column 1", css: "col1" },
  { name: "column2", label: "Column 2", css: "col2" },
  // 添加更多列配置...
];

接下来，您可以使用自定义CSS样式来设置列之间的竖线分隔。例如，您可以通过为每个列添加右边框样式来实现分隔线效果。

.gantt_grid .gantt_grid_head_cell.col1 {
  border-right: 1px solid #ccc; /* 列之间的竖线颜色和宽度 */
}

.gantt_grid .gantt_grid_head_cell.col2 {
  border-right: 1px solid #ccc; /* 列之间的竖线颜色和宽度 */
}

确保将上述CSS代码添加到您的HTML文件中的`<style>`标签中，或者将其存储在外部CSS文件中，并在HTML文件中引用。

请根据您的具体需求调整CSS样式，并为每个列配置对象添加相应的CSS类名，以实现列之间的竖线分隔效果。