diff --git a/api-generator/components/column.js b/api-generator/components/column.js
index ecd348a63..6fc57b760 100644
--- a/api-generator/components/column.js
+++ b/api-generator/components/column.js
@@ -250,6 +250,12 @@ const ColumnProps = [
type: 'boolean',
default: 'false',
description: 'Whether the column is rendered.'
+ },
+ {
+ name: 'pt',
+ type: 'any',
+ default: 'null',
+ description: 'Uses to pass attributes to DOM elements inside the component.'
}
];
diff --git a/doc/datatable/pt/PTDoc.vue b/doc/datatable/pt/PTDoc.vue
index 3442c7bb2..f2f38e4a3 100644
--- a/doc/datatable/pt/PTDoc.vue
+++ b/doc/datatable/pt/PTDoc.vue
@@ -5,14 +5,45 @@
:value="products"
sortMode="multiple"
:pt="{
- table: { style: { minWidth: '50rem' } },
- sortBadge: { class: 'bg-primary' }
+ table: { style: { minWidth: '50rem' } }
}"
>
-
-
-
-
+
+
+
+
@@ -31,14 +62,45 @@ export default {
:value="products"
sortMode="multiple"
:pt="{
- table: { style: { minWidth: '50rem' } },
- sortBadge: { class: 'bg-primary' }
+ table: { style: { minWidth: '50rem' } }
}"
>
-
-
-
-
+
+
+
+
`,
options: `
@@ -47,14 +109,45 @@ export default {
:value="products"
sortMode="multiple"
:pt="{
- table: { style: { minWidth: '50rem' } },
- sortBadge: { class: 'bg-primary' }
+ table: { style: { minWidth: '50rem' } }
}"
>
-
-
-
-
+
+
+
+
@@ -80,14 +173,45 @@ export default {
:value="products"
sortMode="multiple"
:pt="{
- table: { style: { minWidth: '50rem' } },
- sortBadge: { class: 'bg-primary' }
+ table: { style: { minWidth: '50rem' } }
}"
>
-
-
-
-
+
+
+
+
diff --git a/doc/datatable/pt/index.vue b/doc/datatable/pt/index.vue
index 86de8efc6..44b74ec8c 100644
--- a/doc/datatable/pt/index.vue
+++ b/doc/datatable/pt/index.vue
@@ -29,6 +29,12 @@ export default {
component: DocApiTable,
data: getPTOption('DataTable')
},
+ {
+ id: 'pt.doc.column',
+ label: 'Column PT Options',
+ component: DocApiTable,
+ data: getPTOption('Column')
+ },
{
id: 'pt.demo',
label: 'Demo',