From 8594715ecc4729a77dd56fc246516698e776b9f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A9stor=20P=C3=A9rez=20Gonz=C3=A1lez?=
 <nestorrente@gmail.com>
Date: Mon, 6 Jun 2022 12:22:46 +0200
Subject: [PATCH] Add disable class to the outer div of DTHeaderCheckbox

At the moment, when the checkbox is disabled, the browser displays the "pointer" cursor because the root `div.p-checkbox` doesn't have the `p-disabled` class. Adding the `p-disabled` class to the root div solves the issue.
---
 src/components/datatable/HeaderCheckbox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/datatable/HeaderCheckbox.vue b/src/components/datatable/HeaderCheckbox.vue
index fabd9b18b..c867488ea 100755
--- a/src/components/datatable/HeaderCheckbox.vue
+++ b/src/components/datatable/HeaderCheckbox.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['p-checkbox p-component', {'p-checkbox-focused': focused}]" @click="onClick" @keydown.space.prevent="onClick">
+    <div :class="['p-checkbox p-component', {'p-checkbox-focused': focused, 'p-disabled': $attrs.disabled}]" @click="onClick" @keydown.space.prevent="onClick">
         <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]"
             role="checkbox" :aria-checked="checked" :tabindex="$attrs.disabled ? null : '0'" @focus="onFocus($event)" @blur="onBlur($event)">
             <span :class="['p-checkbox-icon', {'pi pi-check': checked}]"></span>