如何阻止FullRowSelect同时选择列标题

// 假设使用的是某个数据表格组件，如React Table或类似的库
const tableRef = useRef(null);

useEffect(() => {
  if (tableRef.current) {
    // 设置选择区域，从第二行开始（假设第一行是列标题）
    tableRef.current.setSelectionRegion({ start: { row: 1, column: 0 }, end: { row: 1, column: 0 } });
  }
}, []);

return (
  <Table ref={tableRef} {...otherProps}>
    {/* 表格内容 */}
  </Table>
);

function handleRowClick(event, rowData, rowIndex) {
  // 获取列标题的高度
  const headerHeight = document.querySelector('.header-row').offsetHeight;
  
  // 如果点击位置在列标题区域内，则不执行选择操作
  if (event.clientY < headerHeight) {
    return;
  }
  
  // 执行选择操作
  selectRow(rowIndex);
}

return (
  <Table onRowClick={handleRowClick} {...otherProps}>
    {/* 表格内容 */}
  </Table>
);

.header-row {
  user-select: none; /* 禁止用户选择文本 */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
}