taiga-ui icon indicating copy to clipboard operation
taiga-ui copied to clipboard

🚀 - TuiTable - allow to resize columns in case of >100% width

Open meis0n opened this issue 1 year ago • 1 comments

Description

Currently the component doesn't allow to resize columns in case of total sum of initial columns' widths > 100%.

  • Component allows to resize columns up to 100% total width in case of empty cell content
  • Component adds horizontal scroll in case of existing wide cell content AND suppresses resizing

Example of suppressed resizing - https://stackblitz.com/edit/taiga-hwoqvn?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.module.ts

Feature request:

  • Allow to exceed 100% width threshhold while adding horizontal scroll BUT while keeping the option to resize the columns
  • Implement new input (e.g. [(width)]) to control the column's width programmatically
  • Implement new table event (e.g. (onResize)) to get the column's width after a user successfully resizes a column with [resizable]="true" attribute

meis0n avatar Aug 14 '23 14:08 meis0n

Probably requires a complete overhaul of this directive 🤔

waterplea avatar Sep 08 '23 12:09 waterplea