[BUG] resizable table colums are too sensitive to drag

[xuhen]

Is there an existing issue for this?

• I have searched the existing issues

Which Component

table

Semi Version

2.39.3

Current Behavior

I have two fixed column at first and last column respectively, and every column have width property. when i put resizable to the table component, the drag handler appeard at header of each column. then I drag any handler moving a bit, but the width of
column change dramaticly which is hard to control.

Expected Behavior

when drag the handler, the width of column is smooth and easy to control.

Steps To Reproduce

No response

ReproducibleCode

<Table
        columns={columns}
        dataSource={data?.list}
        pagination={{
          className: "pagination",
          currentPage: data?.page,
          pageSize: data?.pageSize,
          total: data?.total,
          showSizeChanger: true,
          formatPageText: false,
        }}
        loading={loading}
        rowSelection={rowSelection as RowSelection<JobModel>}
        rowKey="id"
        onChange={handleTableChange as OnChange<JobModel>}
        scroll={scroll}
        resizable
      />

Environment

- OS: Mac Pro
- browser: Chrome (latest)

Anything else?

No response

[pointhalo]

Can you give us a reproduced screen recording or reproduced demo codesandbox?

[xuhen]

https://codesandbox.io/s/async-smoke-ftscv5?file=/src/App.js

here you go :)

Draging the last two column are hard to control, but other column are fine relatively speaking.

[shijiatongxue]

better to not use fixed columns and resize at same time.

[shijiatongxue]

better to not use fixed columns and resize at same time.

or you can give one column without fixed width.

[xuhen]

well, it make sense in our situation, the first column is checkbox; the last column is operating buttons, so we hope the two column will sitck around when the rest of columns scroll horizontally. however the content of several columns are too long, we want give it a default (say 200) width and user can drag to expand further. so I suppose it's resonable need to be fulfiled.

[xuhen]

better to not use fixed columns and resize at same time.

Is it a bad idea to "automatically adjusted by the browser" when the width of one column are not set? cause we don't want the first and last fixed column to resize, however we do want to control the width of the two. or it's better to add resizable to specific column to control the drag functionality, the appearing of width property stay the same meaning instead of controling the resize functionality?

[xuhen]

I attached a table to illustrate the situation here.

[shijiatongxue]

better to not use fixed columns and resize at same time.

Is it a bad idea to "automatically adjusted by the browser" when the width of one column are not set? cause we don't want the first and last fixed column to resize, however we do want to control the width of the two. or it's better to add resizable to specific column to control the drag functionality, then width stay the same?

Yes, it is. Fixed column and resizable column both need a fixed width at this moment.

For fixed column, a fixed width is ok. But for resizable column, which has a fixed width seems like make no sense.

We are considering untying resize functionality from fixed width.

[xuhen]

better to not use fixed columns and resize at same time.

Is it a bad idea to "automatically adjusted by the browser" when the width of one column are not set? cause we don't want the first and last fixed column to resize, however we do want to control the width of the two. or it's better to add resizable to specific column to control the drag functionality, then width stay the same?

Yes, it is. Fixed column and resizable column both need a fixed width at this moment.

For fixed column, a fixed width is ok. But for resizable column, which has a fixed width seems like make no sense.

We are considering untying resize functionality from fixed width.

really appreciate your reply :)

[shijiatongxue]

We will support column.resize on next beta version.

You can set column.resize=false to disabeld resizable function of fixed column.

I think this issue can be closed. If you have any other question, feel free to leave a comment here.

[pointhalo]

release with v2.42.0-beta.0