revolist / revogrid

Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
https://revolist.github.io/revogrid
MIT License
2.68k stars 167 forks source link

Can’t select pinned column #400

Open tobiasBora opened 1 year ago

tobiasBora commented 1 year ago

Describe the issue It is for now impossible to select content spanning multiple columns when one of them is pinned (with colPinStart): for instance here I can’t extend selection to the first column:

image

To Reproduce

This is for instance visible on the demo page, or with this code:

import React, { useEffect, useState } from "react";
import { defineCustomElements } from "@revolist/revogrid/loader";
import { RevoGrid } from "@revolist/revogrid-react";

const App = () => {
  defineCustomElements();
    const [columns, setColumns] = useState([{ prop: "name", pin: 'colPinStart' }, { prop: "age" }, { prop: "city" }]);
    const [source, setSource] = useState([{ name: "1", age: 42, city: "Barcelone" }, { name: "2", age: 48, city: "Paris" }]);

  const afterEdit = ({ detail }) => {

  };

  useEffect(() => {
    // Votre logique d'effet ici, si nécessaire
  }, []);

  return (
    <div>
      <RevoGrid
        theme="compact"
        columns={columns}
        source={source}
          onAfterEdit={(e) => afterEdit(e)}
          canFocus={true}
          range={true}
          useClipboard={true}
          readonly={false}
          filter={true}
          resize={true}
      />
    </div>
  );
};

export default App;