ngduc / react-tabulator

React Tabulator is based on tabulator - a JS table library with many advanced features.
https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js
MIT License
366 stars 84 forks source link

Horizontal Scroll Doesn't Scroll Header Row #296

Open semireg opened 3 months ago

semireg commented 3 months ago

Environment Details

h-scroll

                <ReactTabulator
                  className="compact celled"
                  columns={currentColumns}
                  data={data}
                  options={{
                    layout: 'fitDataTable',
                    virtualDomHoz: true,
                    height: tableHeight,
                    movableColumns: isTable,

currentColumns is one row column, and then the data headers.

    const rowNumColumn = {
      title: 'Row',
      field: 'row',
      width: 75,
      hozAlign: 'center',
      headerSort: false,
      frozen: false
    } as const;
    const dataColumns = importRecord
      .get('header')
      .map((h) => ({ title: h, field: h, editor, headerMenu, headerSort: false }))
      .toArray();
    return [rowNumColumn, ...dataColumns];

Really trying to figure out what I'm doing wrong...

petrov826 commented 2 months ago

I'm facing the same problem. No one seems to have been assigned to this issue, will it be fixed in next release?