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

[Issue][MazTable] not scrolling horizontally when its size exceeds parent.

Open nabilachtioui opened this issue 1 year ago • 4 comments

Describe the bug

A clear and concise description of what the bug is.

To Reproduce

Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information)

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information)

  • Device: [e.g. iPhone15]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

nabilachtioui avatar Oct 31 '24 13:10 nabilachtioui

Hi @nabilachtioui,

I will add a CSS rules overflow: auto to the table wrapper to fix it.

In the meantime you can add it yourself:

<MazTable style="overflow: auto"> ... </MazTable>

LouisMazel avatar Oct 31 '24 13:10 LouisMazel

Bonjour Louis, Merci de ton prompt retour! Non ça marche pas encore: <MazTable style="overflow: auto;" >.. </MazTable> Même en précisant tableLayout="auto"

nabilachtioui avatar Oct 31 '24 13:10 nabilachtioui

Ah ouais au temps pour moi, ça ne s'applique pas au bon élément.

En attendant la MAJ tu peux appliquer le CSS sur le bon élément (.m-table-wrapper) :

Cod dispo ici: https://stackblitz.com/edit/maz-ui-vue3-table?file=src/App.vue

LouisMazel avatar Oct 31 '24 14:10 LouisMazel

J'ai déjà essayé cela, mais cela n'a pas marché pour moi. Cela marchait avant (j'ai reseté mon projet il y a quelques jours, et j'ai réinstaller en pip), je pense que cela est corrélé. Je vais regarder après si tu répares pas le code de la librairie et reviens vers toi. Merci Louis!

nabilachtioui avatar Oct 31 '24 14:10 nabilachtioui