GithubHelp home page GithubHelp logo

Strange behavior of multiple sort about twigrid HOT 2 OPEN

Vlczech avatar Vlczech commented on June 16, 2024
Strange behavior of multiple sort

from twigrid.

Comments (2)

uestla avatar uestla commented on June 16, 2024

I see, maybe the "+" sign is counter-intuitive since it's not about adding.

The basic rule here is

Use label for one-column sorting and "+" button for multisorting

There are 3 states of sorting:

  • ASC
  • DESC
  • not sorted

You are switching between these 3 states in a loop as you are sorting by certain column (i.e. clicking either on label or "+" button). When the grid is sorted by 2+ columns, you can see that thanks to number labels next to the "+" button.

Furthermore I don't see a quick way to reset multisort back to single-column sorting in your solution.

from twigrid.

Vlczech avatar Vlczech commented on June 16, 2024

In my solution, if you once selected multisort, then you need to cancel it gradually by "x" button (or "-" button, if you want). It follows the same steps you need to do for multisort init.

or the 2nd point, that i mentioned at #27:

some checkbox or radiobox (for example above the table) to change behavior between single sort and multi sort

And reaction to 3 states of sorting:

There are 3 states of sorting: ASC, DESC, not sorted

But this is not so practical, when you can try to switch between ASC to DESC and then return to ASC.

from twigrid.

Related Issues (18)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.