GithubHelp home page GithubHelp logo

Comments (7)

Asinging avatar Asinging commented on June 16, 2024 2

The reason i love this plugin is the fact it has many flexible tweaks you can implement. you can write a custom component of checkbox and append it to the table. then you have an array collecting the data from the checked event of the of the checkbox

from vue-data-table.

uwla avatar uwla commented on June 16, 2024 1

The reason i love this plugin is the fact it has many flexible tweaks you can
implement. you can write a custom component of checkbox and append it to the
table. then you have an array collecting the data from the checked event of
the of the checkbox

This is actually possible indeed. I will add an example on README on how to
set up custom components for mass-selection using checkboxes.

from vue-data-table.

uwla avatar uwla commented on June 16, 2024 1

Here is the demo I made very quickly:

https://codesandbox.io/s/vue-data-table-demo04-qyetb7

from vue-data-table.

paul-cylix avatar paul-cylix commented on June 16, 2024

i will try this one sir @Asinging. thank you for the advice

from vue-data-table.

paul-cylix avatar paul-cylix commented on June 16, 2024

sir thank you this helps me a lot.

from vue-data-table.

uwla avatar uwla commented on June 16, 2024

sir thank you this helps me a lot. i want to ask if there is a way to
literally select all the rows per page by single pressing a button. scenario:
I am in the table with 5 pagination and I go to page 2 and I add a button
select all but when I press that it will select all the rows that only seen
on that specific page this will also help the user of my system. is it
possible sir?. thank you and stay safe

It is possible to select all visible entries in the table, and it is indeed
very easy. Just add a button outside of the table and add a @onclick vue
directive to call some function (i.e, selectVisibleEntries()) to select the
visible entries.

You could use a quirk hack here: the custom footerComponent has access to all
visible entries, so you could loop through the entries of the current
pagination inside the footerComponent, and for each entry set selected to
true, which will toggle the checkboxes.

It seems to me this should be enough.

from vue-data-table.

paul-cylix avatar paul-cylix commented on June 16, 2024

Yes, sir sorry, I didn't realize that I raise this question to you and you have already solved it. thank you for always helping me

from vue-data-table.

Related Issues (20)

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.