question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Enhancement] Datatable select-all disable

See original GitHub issue

What problem does this feature solve?

This is a simple request I can’t disable the select-all option on datatables

image As you can see on the checkbox I have the option, but not on the select-all button

What is your proposed solution?

image

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:6
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
mohamedmostafamasaratcommented, Apr 28, 2020

I would recommend that you use the slot header header.data-table-select to disable the select all

<v-data-table show-select v-model="selected" :headers="headers" :items="items" :items-per-page="15" class="elevation-1"> <template v-slot:header.data-table-select> </template> </v-data-table>

2reactions
nekosaurcommented, Oct 25, 2018

This is veering into OT, but one way to make that a little bit more readable would be to

  1. use the shorthand : instead of v-bind:
  2. put each prop on a new row
Read more comments on GitHub >

github_iconTop Results From Across the Web

SelectAll + disable other button — DataTables forums
Hi, I'm using the datatables built in selectAll button and I want it to select all rows AND disable the delete button I...
Read more >
select All checkbox in datatable - Salesforce Developers
I am having a lightning component datatable with 2 rows each row having a check box. when I select a checkbox at headlevel...
Read more >
jQuery DataTables: Row selection using checkboxes
Updates "Select all" control in a data table // function ... Prevent click event from propagating to parent e.
Read more >
Enhancing HTML tables using the jQuery DataTables plug-in
You can customize the sorting behavior of the plug-in. You can disable sorting using the bSort parameter, and define the sort order of...
Read more >
Exclude disabled item in V-Data-Table's select-all [VUETIFY]
Just One simple change will work. You have to change the value attribute v-simple-checkbox . <template v-slot:item.data-table ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found