How can I make "Shift select multiple checkboxes" to the filament v3 table?
How can I make "Shift select multiple checkboxes" to the filament v3 table?
I have tried creating new custom.js file like this:
JS
document.addEventListener('DOMContentLoaded', function () {
const checkboxes = document.querySelectorAll('.inbox input[type="checkbox"]');
let last checked;
function handleCheck(e) {
let inBetween = false;
if (e.shiftKey && this.checked) {
checkboxes.forEach(checkbox => {
if (checkbox === this || checkbox === lastChecked) {
inBetween = !inBetween;
}
if (inBetween) {
checkbox.checked = true;
}
});
}
lastChecked = this;
}
checkboxes.forEach(checkbox => checkbox.addEventListener('click', handleCheck));
});
Ref: https://codepen.io/danielhoppener/pen/xxKVbey
0 Replies