diff --git a/src/views/datatable/DataTableBasicDemo.vue b/src/views/datatable/DataTableBasicDemo.vue index 462fdd62b..3f0becc21 100755 --- a/src/views/datatable/DataTableBasicDemo.vue +++ b/src/views/datatable/DataTableBasicDemo.vue @@ -21,6 +21,9 @@
<DataTable :value="products">
@@ -60,7 +63,29 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableColGroupDemo.vue b/src/views/datatable/DataTableColGroupDemo.vue
index 9f8b1185e..efd74441e 100755
--- a/src/views/datatable/DataTableColGroupDemo.vue
+++ b/src/views/datatable/DataTableColGroupDemo.vue
@@ -61,6 +61,9 @@
+
+
+
<DataTable :value="sales">
@@ -166,6 +169,70 @@ export default {
+
\ No newline at end of file
diff --git a/src/views/datatable/DataTableColResizeDemo.vue b/src/views/datatable/DataTableColResizeDemo.vue
index 4ea484e7e..a9f6c7dbb 100755
--- a/src/views/datatable/DataTableColResizeDemo.vue
+++ b/src/views/datatable/DataTableColResizeDemo.vue
@@ -33,6 +33,9 @@
+
+
+
<h3>Fit Mode</h3>
@@ -81,6 +84,42 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableColToggleDemo.vue b/src/views/datatable/DataTableColToggleDemo.vue
index c57920477..3542d304b 100755
--- a/src/views/datatable/DataTableColToggleDemo.vue
+++ b/src/views/datatable/DataTableColToggleDemo.vue
@@ -25,6 +25,9 @@
+
+
+
<DataTable :value="products">
@@ -82,6 +85,37 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableContextMenuDemo.vue b/src/views/datatable/DataTableContextMenuDemo.vue
index 12df7cd99..82bf974f3 100755
--- a/src/views/datatable/DataTableContextMenuDemo.vue
+++ b/src/views/datatable/DataTableContextMenuDemo.vue
@@ -27,6 +27,9 @@
+
+
+
<DataTable :value="products" contextMenu v-model:contextMenuSelection="selectedProduct" @row-contextmenu="onRowContextMenu">
@@ -93,6 +96,43 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue
index 74e694269..de4770344 100755
--- a/src/views/datatable/DataTableCrudDemo.vue
+++ b/src/views/datatable/DataTableCrudDemo.vue
@@ -161,6 +161,9 @@
+
+
+
<div class="card">
@@ -429,6 +432,7 @@ export default {
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index 87d0a7b73..fc254a7f8 100755
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -2479,9 +2479,12 @@ export default {
-
- View on GitHub
-
+
+
+ View on GitHub
+
+
+
{
@@ -2772,4 +2775,280 @@ export default {
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/src/views/datatable/DataTableDynamicColumnsDemo.vue b/src/views/datatable/DataTableDynamicColumnsDemo.vue
index a2624e810..6cbd392d3 100755
--- a/src/views/datatable/DataTableDynamicColumnsDemo.vue
+++ b/src/views/datatable/DataTableDynamicColumnsDemo.vue
@@ -18,6 +18,9 @@
+
+
+
<DataTable :value="products">
@@ -62,7 +65,28 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableEditDemo.vue b/src/views/datatable/DataTableEditDemo.vue
index 64871e16e..61ef82978 100755
--- a/src/views/datatable/DataTableEditDemo.vue
+++ b/src/views/datatable/DataTableEditDemo.vue
@@ -95,6 +95,9 @@
+
+
+
<h5>Basic Cell Editing</h5>
@@ -297,6 +300,7 @@ export default {
diff --git a/src/views/datatable/DataTableExportDemo.vue b/src/views/datatable/DataTableExportDemo.vue
index 4d70a4b54..e2f8fc41c 100755
--- a/src/views/datatable/DataTableExportDemo.vue
+++ b/src/views/datatable/DataTableExportDemo.vue
@@ -26,6 +26,9 @@
+
+
+
<DataTable :value="products" ref="dt">
@@ -75,6 +78,36 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue
index 00f5ba545..9a791167a 100755
--- a/src/views/datatable/DataTableFilterDemo.vue
+++ b/src/views/datatable/DataTableFilterDemo.vue
@@ -100,6 +100,9 @@
+
+
+
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
@@ -262,10 +265,129 @@ export default {
`
+ }
+ }
+ }
+ },
+ productService: null,
+ created() {
+ this.productService = new ProductService();
+ },
+ mounted() {
+ this.productService.getProducts().then(data => this.products = data);
+ },
+ components: {
+ LiveEditor
+ }
}
diff --git a/src/views/datatable/DataTableRowExpandDemo.vue b/src/views/datatable/DataTableRowExpandDemo.vue
index c327d2350..d84239568 100755
--- a/src/views/datatable/DataTableRowExpandDemo.vue
+++ b/src/views/datatable/DataTableRowExpandDemo.vue
@@ -72,6 +72,9 @@
+
+
+
<DataTable :value="products" v-model:expandedRows="expandedRows" dataKey="id"
@@ -182,6 +185,84 @@ export default {
diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue
index e6788e033..e5225eccc 100755
--- a/src/views/datatable/DataTableRowGroupDemo.vue
+++ b/src/views/datatable/DataTableRowGroupDemo.vue
@@ -108,6 +108,9 @@
+
+
+
<div class="card">
@@ -258,6 +261,120 @@ export default {
diff --git a/src/views/datatable/DataTableScrollDemo.vue b/src/views/datatable/DataTableScrollDemo.vue
index 8294cbe0d..d5f1626fd 100755
--- a/src/views/datatable/DataTableScrollDemo.vue
+++ b/src/views/datatable/DataTableScrollDemo.vue
@@ -111,6 +111,9 @@
+
+
+
<div class="card">
@@ -319,6 +322,126 @@ export default {
diff --git a/src/views/datatable/DataTableSelectionDemo.vue b/src/views/datatable/DataTableSelectionDemo.vue
index a24760a1e..b3da85a42 100755
--- a/src/views/datatable/DataTableSelectionDemo.vue
+++ b/src/views/datatable/DataTableSelectionDemo.vue
@@ -84,6 +84,9 @@
+
+
+
<div class="card">
@@ -202,6 +205,101 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableSizeDemo.vue b/src/views/datatable/DataTableSizeDemo.vue
index fcea5a136..a5e4c99e5 100644
--- a/src/views/datatable/DataTableSizeDemo.vue
+++ b/src/views/datatable/DataTableSizeDemo.vue
@@ -48,6 +48,9 @@
+
+
+
<DataTable :value="products" class="p-datatable-sm">
@@ -110,7 +113,58 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableSortDemo.vue b/src/views/datatable/DataTableSortDemo.vue
index 00625d5d7..8d90004f4 100755
--- a/src/views/datatable/DataTableSortDemo.vue
+++ b/src/views/datatable/DataTableSortDemo.vue
@@ -73,6 +73,9 @@
+
+
+
<div class="card">
@@ -171,6 +174,83 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableStateDemo.vue b/src/views/datatable/DataTableStateDemo.vue
index 6c4ab86d0..4550c913d 100755
--- a/src/views/datatable/DataTableStateDemo.vue
+++ b/src/views/datatable/DataTableStateDemo.vue
@@ -130,6 +130,9 @@
+
+
+
<div class="card">
@@ -300,6 +303,159 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableStripedDemo.vue b/src/views/datatable/DataTableStripedDemo.vue
index 07b6798c7..2c8cd493c 100644
--- a/src/views/datatable/DataTableStripedDemo.vue
+++ b/src/views/datatable/DataTableStripedDemo.vue
@@ -21,6 +21,9 @@
+
+
+
<DataTable :value="products" class="p-datatable-striped">
@@ -60,6 +63,31 @@ export default {
\ No newline at end of file
diff --git a/src/views/datatable/DataTableStyleDemo.vue b/src/views/datatable/DataTableStyleDemo.vue
index bde850337..7c2435a9d 100755
--- a/src/views/datatable/DataTableStyleDemo.vue
+++ b/src/views/datatable/DataTableStyleDemo.vue
@@ -27,6 +27,9 @@
+
+
+
<DataTable :value="products" :rowClass="rowClass">
@@ -110,6 +113,37 @@ export default {
diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue
index c40bbcef0..68dec9786 100755
--- a/src/views/datatable/DataTableTemplatingDemo.vue
+++ b/src/views/datatable/DataTableTemplatingDemo.vue
@@ -48,6 +48,9 @@
+
+
+
<DataTable :value="products">
@@ -135,7 +138,57 @@ export default {