gantt-task-react仅改变首列宽度

`gantt-task-react`是一个基于React的Gantt图库，它可以帮助你在网页上创建甘特图。如果你想要只改变Gantt图中任务列（通常是第一列，通常代表时间轴或者任务标识）的宽度，你可以通过以下几个步骤来操作：

1. 首先，在组件的样式或者CSS文件中找到控制任务列宽度的相关样式属性，这可能是`.gantt-tasks-column`, `.gantt-header .column`这样的选择器。

2. 使用React的`ref`特性获取到该列的DOM元素，然后可以设置其`style.width`属性来改变宽度。例如：

   const taskColumnRef = useRef(null);
   function resizeTaskColumn() {
     if (taskColumnRef.current) {
       taskColumnRef.current.style.width = 'your_new_width'; // 'px' 或 '%'
     }
   }

3. 将上述函数绑定到你需要触发宽度变化的事件，比如点击按钮或者窗口大小调整：

   <button onClick={resizeTaskColumn}>调整宽度</button>

4. 如果需要动态响应窗口大小，可以在组件的生命周期方法（如`componentDidMount`、`useEffect`）里监听窗口大小改变，并更新宽度。

注意，具体的代码实现可能会因库的具体API和你当前项目的结构而有所不同。如果你遇到特定的问题，记得查阅文档或者提供更详细的信息以便得到精确的帮助。