From c7ffcaa08d302178232a03d0a8075c197852145e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 9 May 2023 18:05:27 +0300 Subject: [PATCH] DataTable pt demo added --- api-generator/components/column.js | 6 + doc/datatable/pt/PTDoc.vue | 172 +++++++++++++++++++++++++---- doc/datatable/pt/index.vue | 6 + 3 files changed, 160 insertions(+), 24 deletions(-) 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: ` @@ -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',