diff --git a/src/AppMenu.vue b/src/AppMenu.vue index f90d0f7ff..cb5324523 100755 --- a/src/AppMenu.vue +++ b/src/AppMenu.vue @@ -4,8 +4,8 @@
General
Get Started - Community Forum - Source Code + Forum + Code Support
@@ -21,7 +21,7 @@ Display Elevation FlexBox - FormLayout + Form Layout Grid System Spacing Text diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue index 8b166ad76..ea9657ff5 100755 --- a/src/components/datatable/DataTable.vue +++ b/src/components/datatable/DataTable.vue @@ -1932,6 +1932,7 @@ export default { .p-datatable-resizable .p-datatable-tfoot > tr > td, .p-datatable-resizable .p-datatable-tbody > tr > td { overflow: hidden; + white-space: nowrap; } .p-datatable-resizable .p-resizable-column { diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue index 33e4572de..2e243d9ca 100755 --- a/src/views/datatable/DataTableCrudDemo.vue +++ b/src/views/datatable/DataTableCrudDemo.vue @@ -3,7 +3,7 @@

DataTable Crud

-

This samples demonstrates a CRUD implementation using various PrimeVue components.

+

This sample demonstrates a CRUD implementation using various PrimeVue components.

diff --git a/src/views/datatable/DataTableGridLinesDemo.vue b/src/views/datatable/DataTableGridLinesDemo.vue index 90c96c080..03530a1af 100644 --- a/src/views/datatable/DataTableGridLinesDemo.vue +++ b/src/views/datatable/DataTableGridLinesDemo.vue @@ -3,7 +3,7 @@

DataTable GridLines

-

Adding p-datatable-gridlines displays borders between cells. Note: Some themes may always displays gridlines by design.

+

Adding p-datatable-gridlines displays borders between cells. Note: Some themes may always display gridlines by design.

diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue index 730af253a..2b67a24b4 100755 --- a/src/views/datatable/DataTableRowGroupDemo.vue +++ b/src/views/datatable/DataTableRowGroupDemo.vue @@ -2,7 +2,7 @@
-

DataTable Row Grouping

+

DataTable Row Group

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 b609d2bae..ededf76b0 100755 --- a/src/views/datatable/DataTableScrollDemo.vue +++ b/src/views/datatable/DataTableScrollDemo.vue @@ -72,7 +72,7 @@ - + @@ -177,7 +177,7 @@ <Column field="name" header="Name" headerStyle="width: 250px" columnKey="name"></Column> <Column field="country.name" header="Country" headerStyle="width: 250px" columnKey="country"></Column> <Column field="date" header="Date" headerStyle="width: 250px" columnKey="date"></Column> - <Column field="company" header="Country" headerStyle="width: 250px" columnKey="company"></Column> + <Column field="company" header="Company" headerStyle="width: 250px" columnKey="company"></Column> <Column field="status" header="Status" headerStyle="width: 250px" columnKey="status"></Column> <Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"></Column> <Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"></Column> diff --git a/src/views/datatable/DataTableSelectionDemo.vue b/src/views/datatable/DataTableSelectionDemo.vue index e026d1249..5803ce7f2 100755 --- a/src/views/datatable/DataTableSelectionDemo.vue +++ b/src/views/datatable/DataTableSelectionDemo.vue @@ -70,7 +70,7 @@
Checkbox
-

Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".

+ diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue index ca2be3730..b3bac8d79 100755 --- a/src/views/datatable/DataTableTemplatingDemo.vue +++ b/src/views/datatable/DataTableTemplatingDemo.vue @@ -80,7 +80,7 @@ </template> </Column> <template #footer> - In total there are {{products ? products.length : 0 }} products. + In total there are {{products ? products.length : 0 }} products. </template> </DataTable> diff --git a/src/views/deferredcontent/DeferredContentDemo.vue b/src/views/deferredcontent/DeferredContentDemo.vue index ca751a66c..8cc149ce9 100755 --- a/src/views/deferredcontent/DeferredContentDemo.vue +++ b/src/views/deferredcontent/DeferredContentDemo.vue @@ -3,7 +3,7 @@

DeferredContent

-

DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll..

+

DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.

diff --git a/src/views/formlayout/FormLayoutDoc.vue b/src/views/formlayout/FormLayoutDoc.vue index 527474f13..f4964c40e 100644 --- a/src/views/formlayout/FormLayoutDoc.vue +++ b/src/views/formlayout/FormLayoutDoc.vue @@ -23,7 +23,7 @@ import 'primeflex/primeflex.css';
Vertical Layout
-

In its simplest form, a vertical layout is created when used within .p-fluid which makes the components use all available width.

+

In its simplest form, a vertical layout is created when used within .p-fluid that makes the components use all available width.

<div class="p-fluid"> <div class="p-field"> @@ -174,12 +174,12 @@ import 'primeflex/primeflex.css'; <div class="p-fluid p-formgrid p-grid"> <div class="p-field p-col-12 p-md-6"> - <label for="firstname6">Firstname</label> - <InputText id="firstname6" type="text" /> + <label for="firstname">Firstname</label> + <InputText id="firstname" type="text" /> </div> <div class="p-field p-col-12 p-md-6"> - <label for="lastname6">Lastname</label> - <InputText id="lastname6" type="text" /> + <label for="lastname">Lastname</label> + <InputText id="lastname" type="text" /> </div> <div class="p-field p-col-12"> <label for="address">Address</label> diff --git a/src/views/grid/GridDoc.vue b/src/views/grid/GridDoc.vue index b351cc0ac..bee0d3d81 100755 --- a/src/views/grid/GridDoc.vue +++ b/src/views/grid/GridDoc.vue @@ -552,7 +552,7 @@ import 'primeflex/primeflex.css';
Gutter
-

A .5 em padding is applied to each column along with negative margins on the container element, in case you'd like to remove these gutters, apply +

A .5rem padding is applied to each column along with negative margins on the container element, in case you'd like to remove these gutters, apply p-nogutter class to the container. Gutters can also be removed on an ndividual columns with the same class name.

@@ -594,6 +594,22 @@ import 'primeflex/primeflex.css'; $gutter .5em + + + $fieldMargin + 1rem + + + $fieldLabelMargin + .5rem + + + $helperTextMargin + .25rem + + + $spacer + 1rem