diff --git a/src/assets/styles/app/_content.scss b/src/assets/styles/app/_content.scss index 01721ffd8..f217cf40d 100644 --- a/src/assets/styles/app/_content.scss +++ b/src/assets/styles/app/_content.scss @@ -15,6 +15,11 @@ font-size: 2rem; margin: 0 0 1.5rem 0; font-weight: 700; + + span { + font-weight: 400; + color: var(--text-color-secondary); + } } p { diff --git a/src/views/datatable/DataTableBasicDemo.vue b/src/views/datatable/DataTableBasicDemo.vue index f182f0fa1..a2a0283d7 100755 --- a/src/views/datatable/DataTableBasicDemo.vue +++ b/src/views/datatable/DataTableBasicDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Basic

+

DataTable Basic

DataTable requires a collection to display along with column components for the representation of the data.

diff --git a/src/views/datatable/DataTableColGroupDemo.vue b/src/views/datatable/DataTableColGroupDemo.vue index 286196609..0fb8c6a8b 100755 --- a/src/views/datatable/DataTableColGroupDemo.vue +++ b/src/views/datatable/DataTableColGroupDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Column Group

+

DataTable ColumnGroup

Columns can be grouped at header and footer using headerColumnGroup and footerColumnGroup components.

diff --git a/src/views/datatable/DataTableColResizeDemo.vue b/src/views/datatable/DataTableColResizeDemo.vue index fc52ccbb8..65f5c2df3 100755 --- a/src/views/datatable/DataTableColResizeDemo.vue +++ b/src/views/datatable/DataTableColResizeDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Column Resize

+

DataTable Column Resize

Columns can be resized using drag drop by setting the resizableColumns to true. There are two resize modes; "fit" and "expand". Fit is the default one and the overall table width does not change when a column is resized. In "expand" mode, table width also changes along with the column width.

diff --git a/src/views/datatable/DataTableColToggleDemo.vue b/src/views/datatable/DataTableColToggleDemo.vue index fbd62888c..dd726047f 100755 --- a/src/views/datatable/DataTableColToggleDemo.vue +++ b/src/views/datatable/DataTableColToggleDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Column Toggle

+

DataTable Column Toggle

MultiSelect component can be used to implement column toggle functionality.

diff --git a/src/views/datatable/DataTableContextMenuDemo.vue b/src/views/datatable/DataTableContextMenuDemo.vue index b84db5e76..6e705597c 100755 --- a/src/views/datatable/DataTableContextMenuDemo.vue +++ b/src/views/datatable/DataTableContextMenuDemo.vue @@ -2,7 +2,7 @@
-

DataTable - ContextMenu

+

DataTable ContextMenu

CDataTable has exclusive integration with ContextMenu.

diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue index fdfabfbff..8c22faa0b 100755 --- a/src/views/datatable/DataTableCrudDemo.vue +++ b/src/views/datatable/DataTableCrudDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Crud

+

DataTable Crud

This samples demonstrates a CRUD implementation using various PrimeReact components.

diff --git a/src/views/datatable/DataTableDynamicColumnsDemo.vue b/src/views/datatable/DataTableDynamicColumnsDemo.vue index 5fb9562b2..68b30c030 100755 --- a/src/views/datatable/DataTableDynamicColumnsDemo.vue +++ b/src/views/datatable/DataTableDynamicColumnsDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Dynamic Columns

+

DataTable Dynamic Columns

Columns can be defined dynamically using the v-for directive.

diff --git a/src/views/datatable/DataTableEditDemo.vue b/src/views/datatable/DataTableEditDemo.vue index 5ecce5583..76b69660d 100755 --- a/src/views/datatable/DataTableEditDemo.vue +++ b/src/views/datatable/DataTableEditDemo.vue @@ -2,7 +2,7 @@
-

DataTable - InCell Edit

+

DataTable InCell Edit

In cell editing provides a rapid and user friendly way to manipulate the data. The datatable provides a flexible API so that the editing behavior is implemented by the page author whether it utilizes v-model or vuex.

diff --git a/src/views/datatable/DataTablePaginatorDemo.vue b/src/views/datatable/DataTablePaginatorDemo.vue index 40c0293ec..6d57743c6 100755 --- a/src/views/datatable/DataTablePaginatorDemo.vue +++ b/src/views/datatable/DataTablePaginatorDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Paginator

+

DataTable Paginator

Pagination is enabled by setting paginator property to true and defining the rows attribute as the number of rows per page.

diff --git a/src/views/datatable/DataTableReorderDemo.vue b/src/views/datatable/DataTableReorderDemo.vue index 775a861ba..47f59c218 100755 --- a/src/views/datatable/DataTableReorderDemo.vue +++ b/src/views/datatable/DataTableReorderDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Reorder

+

DataTable Reorder

Order of the columns and rows can be changed using drag and drop.

diff --git a/src/views/datatable/DataTableResponsiveDemo.vue b/src/views/datatable/DataTableResponsiveDemo.vue index 36d7bebbd..c598d2926 100755 --- a/src/views/datatable/DataTableResponsiveDemo.vue +++ b/src/views/datatable/DataTableResponsiveDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Responsive

+

DataTable Responsive

DataTable display can be optimized according for different screen sizes, this example demonstrates a demo where columns are stacked on a small screens.

diff --git a/src/views/datatable/DataTableRowExpandDemo.vue b/src/views/datatable/DataTableRowExpandDemo.vue index bedd9e117..27cc0a218 100755 --- a/src/views/datatable/DataTableRowExpandDemo.vue +++ b/src/views/datatable/DataTableRowExpandDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Row Expansion

+

DataTable Row Expansion

A row can be expanded to display additional content.

diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue index 8d5a60a0d..29d88c3f3 100755 --- a/src/views/datatable/DataTableRowGroupDemo.vue +++ b/src/views/datatable/DataTableRowGroupDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Row Grouping

+

DataTable Row Grouping

Rows can either be grouped by a separate grouping row or using rowspan.

diff --git a/src/views/datatable/DataTableScrollDemo.vue b/src/views/datatable/DataTableScrollDemo.vue index a14577c21..5f93ab1ba 100755 --- a/src/views/datatable/DataTableScrollDemo.vue +++ b/src/views/datatable/DataTableScrollDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Scroll

+

DataTable Scroll

Data scrolling is available horizontally, vertically or both. Virtual Scrolling mode is also provided to deal with large datasets by loading data on demand during scrolling.

diff --git a/src/views/datatable/DataTableSelectionDemo.vue b/src/views/datatable/DataTableSelectionDemo.vue index a592fc1fc..353a6d026 100755 --- a/src/views/datatable/DataTableSelectionDemo.vue +++ b/src/views/datatable/DataTableSelectionDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Selection

+

DataTable Selection

DataTable provides single and multiple selection modes based on row click or using radio button and checkbox elements.

diff --git a/src/views/datatable/DataTableSizeDemo.vue b/src/views/datatable/DataTableSizeDemo.vue index 481c706e9..84540f62c 100644 --- a/src/views/datatable/DataTableSizeDemo.vue +++ b/src/views/datatable/DataTableSizeDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Size

+

DataTable Size

In addition to a regular table, a smaller and a larger alternatives available.

diff --git a/src/views/datatable/DataTableSortDemo.vue b/src/views/datatable/DataTableSortDemo.vue index 3fd8b72c4..395ede9c7 100755 --- a/src/views/datatable/DataTableSortDemo.vue +++ b/src/views/datatable/DataTableSortDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Sort

+

DataTable Sort

Enabling sortable property on a column is enough to make a column sortable. Multiple column sorting is enabled using sortMode property and used with metaKey.

diff --git a/src/views/datatable/DataTableStateDemo.vue b/src/views/datatable/DataTableStateDemo.vue index 8299a59cb..5ebd635f0 100755 --- a/src/views/datatable/DataTableStateDemo.vue +++ b/src/views/datatable/DataTableStateDemo.vue @@ -2,7 +2,7 @@
-

DataTable - State

+

DataTable State

Stateful table allows keeping the state such as page, sort and filtering either at local storage or session storage so that when the page is visited again, table would render the data using its last settings.

diff --git a/src/views/datatable/DataTableStyleDemo.vue b/src/views/datatable/DataTableStyleDemo.vue index 5f6d2dbd5..056c91d4e 100755 --- a/src/views/datatable/DataTableStyleDemo.vue +++ b/src/views/datatable/DataTableStyleDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Style

+

DataTable Style

Certain rows or cells can easily be styled based on conditions.

diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue index 60a6198ef..2f0caa243 100755 --- a/src/views/datatable/DataTableTemplatingDemo.vue +++ b/src/views/datatable/DataTableTemplatingDemo.vue @@ -2,7 +2,7 @@
-

DataTable - Templating

+

DataTable Templating

Custom content at header, body and footer sections are supported via templating.

diff --git a/src/views/galleria/GalleriaAdvancedDemo.vue b/src/views/galleria/GalleriaAdvancedDemo.vue index 807e33ea5..1e3b58a5b 100644 --- a/src/views/galleria/GalleriaAdvancedDemo.vue +++ b/src/views/galleria/GalleriaAdvancedDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Advanced

+

Galleria Advanced

Galleria can be extended further to implement complex requirements.

diff --git a/src/views/galleria/GalleriaAutoPlayDemo.vue b/src/views/galleria/GalleriaAutoPlayDemo.vue index e6cde41d9..0cbe1adbb 100755 --- a/src/views/galleria/GalleriaAutoPlayDemo.vue +++ b/src/views/galleria/GalleriaAutoPlayDemo.vue @@ -2,7 +2,7 @@
-

Galleria - AutoPlay

+

Galleria AutoPlay

AutoPlay mode is used to implement slideshows.

diff --git a/src/views/galleria/GalleriaCaptionDemo.vue b/src/views/galleria/GalleriaCaptionDemo.vue index 7cda47e14..f4aaa2aac 100755 --- a/src/views/galleria/GalleriaCaptionDemo.vue +++ b/src/views/galleria/GalleriaCaptionDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Caption

+

Galleria Caption

Caption displays a description for an item.

diff --git a/src/views/galleria/GalleriaFullScreenDemo.vue b/src/views/galleria/GalleriaFullScreenDemo.vue index aac227d36..ebd2a9a0c 100755 --- a/src/views/galleria/GalleriaFullScreenDemo.vue +++ b/src/views/galleria/GalleriaFullScreenDemo.vue @@ -2,7 +2,7 @@
-

Galleria - FullScreen

+

Galleria FullScreen

In fullscreen mode content covers the whole page over a mask..

diff --git a/src/views/galleria/GalleriaIndicatorDemo.vue b/src/views/galleria/GalleriaIndicatorDemo.vue index 4b55b5244..82b0ad927 100755 --- a/src/views/galleria/GalleriaIndicatorDemo.vue +++ b/src/views/galleria/GalleriaIndicatorDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Indicator

+

Galleria Indicator

Indicators allow quick navigation between the items.

diff --git a/src/views/galleria/GalleriaNavigatorDemo.vue b/src/views/galleria/GalleriaNavigatorDemo.vue index 4c2ccb04d..c1a8d606e 100755 --- a/src/views/galleria/GalleriaNavigatorDemo.vue +++ b/src/views/galleria/GalleriaNavigatorDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Navigator

+

Galleria Navigator

Combining item navigators, thumbnails and indicators provide various UI alternatives.

diff --git a/src/views/galleria/GalleriaProgrammaticDemo.vue b/src/views/galleria/GalleriaProgrammaticDemo.vue index df9766875..d5b177c9d 100644 --- a/src/views/galleria/GalleriaProgrammaticDemo.vue +++ b/src/views/galleria/GalleriaProgrammaticDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Programmatic

+

Galleria Programmatic

Galleria can be controlled programmatically using the activeIndex property.

diff --git a/src/views/galleria/GalleriaResponsiveDemo.vue b/src/views/galleria/GalleriaResponsiveDemo.vue index 42a322a24..e56a44569 100755 --- a/src/views/galleria/GalleriaResponsiveDemo.vue +++ b/src/views/galleria/GalleriaResponsiveDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Responsive

+

Galleria Responsive

Galleria responsiveness is defined with the responsiveOptions property.

diff --git a/src/views/galleria/GalleriaThumbnailDemo.vue b/src/views/galleria/GalleriaThumbnailDemo.vue index 525b4a614..8a3abd40e 100755 --- a/src/views/galleria/GalleriaThumbnailDemo.vue +++ b/src/views/galleria/GalleriaThumbnailDemo.vue @@ -2,7 +2,7 @@
-

Galleria - Thumbnail

+

Galleria Thumbnail

Thumbnails represent a smaller version of the actual content.

diff --git a/src/views/tree/TreeFilterDemo.vue b/src/views/tree/TreeFilterDemo.vue index 5232d4d05..e76a29e32 100755 --- a/src/views/tree/TreeFilterDemo.vue +++ b/src/views/tree/TreeFilterDemo.vue @@ -2,7 +2,7 @@
-

Tree - Filter

+

Tree Filter

Filtering updates the node based on the constraints.

diff --git a/src/views/tree/TreeLazyDemo.vue b/src/views/tree/TreeLazyDemo.vue index cad952a4d..d5305fd9a 100755 --- a/src/views/tree/TreeLazyDemo.vue +++ b/src/views/tree/TreeLazyDemo.vue @@ -2,7 +2,7 @@
-

Tree - Lazy

+

Tree Lazy

Lazy loading is handy when dealing with huge datasets. This example imitates a lazy loading case with timeouts.

diff --git a/src/views/tree/TreeSelectionDemo.vue b/src/views/tree/TreeSelectionDemo.vue index 5de2d6641..964fe4e61 100755 --- a/src/views/tree/TreeSelectionDemo.vue +++ b/src/views/tree/TreeSelectionDemo.vue @@ -2,7 +2,7 @@
-

Tree - Selection

+

Tree Selection

Tree supports single, multiple and checkbox as selection modes.

diff --git a/src/views/tree/TreeTemplatingDemo.vue b/src/views/tree/TreeTemplatingDemo.vue index bb849ea61..c403e7b32 100755 --- a/src/views/tree/TreeTemplatingDemo.vue +++ b/src/views/tree/TreeTemplatingDemo.vue @@ -2,7 +2,7 @@
-

Tree - Templating

+

Tree Templating

Tree is used to display hierarchical data.

diff --git a/src/views/treetable/TreeTableColResizeDemo.vue b/src/views/treetable/TreeTableColResizeDemo.vue index 743e51f65..9152c2eb6 100755 --- a/src/views/treetable/TreeTableColResizeDemo.vue +++ b/src/views/treetable/TreeTableColResizeDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Column Resize

+

TreeTable Column Resize

Columns can be resized using drag drop by setting the resizableColumns to true. There are two resize modes; "fit" and "expand". Fit is the default one and the overall table width does not change when a column is resized. In "expand" mode, table width also changes along with the column width.

diff --git a/src/views/treetable/TreeTableColToggleDemo.vue b/src/views/treetable/TreeTableColToggleDemo.vue index fdfea8509..394f0de8a 100755 --- a/src/views/treetable/TreeTableColToggleDemo.vue +++ b/src/views/treetable/TreeTableColToggleDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Column Toggle

+

TreeTable Column Toggle

MultiSelect component can be used to implement column toggle functionality.

diff --git a/src/views/treetable/TreeTableFilterDemo.vue b/src/views/treetable/TreeTableFilterDemo.vue index 54b8c99c8..163649493 100755 --- a/src/views/treetable/TreeTableFilterDemo.vue +++ b/src/views/treetable/TreeTableFilterDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Filter

+

TreeTable Filter

Filtering is enabled by defining a filter template per column to populate the filters property of the TreTable.

diff --git a/src/views/treetable/TreeTableLazyDemo.vue b/src/views/treetable/TreeTableLazyDemo.vue index dd2da17a2..022483fdd 100755 --- a/src/views/treetable/TreeTableLazyDemo.vue +++ b/src/views/treetable/TreeTableLazyDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Lazy

+

TreeTable Lazy

Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded by invoking corresponding callbacks everytime paging or sorting. In addition, children of a node can be loaded on demand at onNodeExpand event as well. Sample belows imitates lazy paging by using an in memory list..

diff --git a/src/views/treetable/TreeTablePaginatorDemo.vue b/src/views/treetable/TreeTablePaginatorDemo.vue index 0bd190d58..730f73d38 100755 --- a/src/views/treetable/TreeTablePaginatorDemo.vue +++ b/src/views/treetable/TreeTablePaginatorDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Paginator

+

TreeTable Paginator

Pagination is enabled by setting paginator property to true and defining the rows attribute as the number of root level nodes per page.

diff --git a/src/views/treetable/TreeTableSelectionDemo.vue b/src/views/treetable/TreeTableSelectionDemo.vue index 60a616a51..599dbac9d 100755 --- a/src/views/treetable/TreeTableSelectionDemo.vue +++ b/src/views/treetable/TreeTableSelectionDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Selection

+

TreeTable Selection

TreeTable supports single, multiple and checkbox as selection modes.

diff --git a/src/views/treetable/TreeTableSizeDemo.vue b/src/views/treetable/TreeTableSizeDemo.vue index 37bfb8c1f..d265520b4 100644 --- a/src/views/treetable/TreeTableSizeDemo.vue +++ b/src/views/treetable/TreeTableSizeDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Size

+

TreeTable Size

In addition to a regular table, a smaller and a larger alternatives available.

@@ -19,7 +19,7 @@ @@ -28,7 +28,7 @@ diff --git a/src/views/treetable/TreeTableSortDemo.vue b/src/views/treetable/TreeTableSortDemo.vue index 5d466c184..7144d10e9 100755 --- a/src/views/treetable/TreeTableSortDemo.vue +++ b/src/views/treetable/TreeTableSortDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Sort

+

TreeTable Sort

TreeTable supports both single column and multiple column sorting..

diff --git a/src/views/treetable/TreeTableTemplatingDemo.vue b/src/views/treetable/TreeTableTemplatingDemo.vue index 1688f1c74..6af68b588 100755 --- a/src/views/treetable/TreeTableTemplatingDemo.vue +++ b/src/views/treetable/TreeTableTemplatingDemo.vue @@ -2,7 +2,7 @@
-

TreeTable - Templating

+

TreeTable Templating

Custom content at header, body and footer sections are supported via templating.