Cosmetics and Typos
parent
d624e17cf1
commit
6b7bbfede0
|
@ -4,8 +4,8 @@
|
||||||
<div class="menu-category">General</div>
|
<div class="menu-category">General</div>
|
||||||
<div class="menu-items">
|
<div class="menu-items">
|
||||||
<router-link to="/setup">Get Started</router-link>
|
<router-link to="/setup">Get Started</router-link>
|
||||||
<a href="https://forum.primefaces.org/viewforum.php?f=110" target="_blank">Community Forum</a>
|
<a href="https://forum.primefaces.org/viewforum.php?f=110" target="_blank">Forum</a>
|
||||||
<a href="https://github.com/primefaces/primevue" target="_blank">Source Code</a>
|
<a href="https://github.com/primefaces/primevue" target="_blank">Code</a>
|
||||||
<router-link to="/support">Support</router-link>
|
<router-link to="/support">Support</router-link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -21,7 +21,7 @@
|
||||||
<router-link to="/display">Display</router-link>
|
<router-link to="/display">Display</router-link>
|
||||||
<router-link to="/elevation">Elevation</router-link>
|
<router-link to="/elevation">Elevation</router-link>
|
||||||
<router-link to="/flexbox">FlexBox</router-link>
|
<router-link to="/flexbox">FlexBox</router-link>
|
||||||
<router-link to="/formlayout">FormLayout</router-link>
|
<router-link to="/formlayout">Form Layout</router-link>
|
||||||
<router-link to="/grid">Grid System</router-link>
|
<router-link to="/grid">Grid System</router-link>
|
||||||
<router-link to="/spacing">Spacing</router-link>
|
<router-link to="/spacing">Spacing</router-link>
|
||||||
<router-link to="/text">Text</router-link>
|
<router-link to="/text">Text</router-link>
|
||||||
|
|
|
@ -1932,6 +1932,7 @@ export default {
|
||||||
.p-datatable-resizable .p-datatable-tfoot > tr > td,
|
.p-datatable-resizable .p-datatable-tfoot > tr > td,
|
||||||
.p-datatable-resizable .p-datatable-tbody > tr > td {
|
.p-datatable-resizable .p-datatable-tbody > tr > td {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-datatable-resizable .p-resizable-column {
|
.p-datatable-resizable .p-resizable-column {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="content-section introduction">
|
<div class="content-section introduction">
|
||||||
<div class="feature-intro">
|
<div class="feature-intro">
|
||||||
<h1>DataTable <span>Crud</span></h1>
|
<h1>DataTable <span>Crud</span></h1>
|
||||||
<p>This samples demonstrates a CRUD implementation using various PrimeVue components.</p>
|
<p>This sample demonstrates a CRUD implementation using various PrimeVue components.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="content-section introduction">
|
<div class="content-section introduction">
|
||||||
<div class="feature-intro">
|
<div class="feature-intro">
|
||||||
<h1>DataTable <span>GridLines</span></h1>
|
<h1>DataTable <span>GridLines</span></h1>
|
||||||
<p>Adding <b>p-datatable-gridlines</b> displays borders between cells. Note: Some themes may always displays gridlines by design.</p>
|
<p>Adding <b>p-datatable-gridlines</b> displays borders between cells. Note: Some themes may always display gridlines by design.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="content-section introduction">
|
<div class="content-section introduction">
|
||||||
<div class="feature-intro">
|
<div class="feature-intro">
|
||||||
<h1>DataTable <span>Row Grouping</span></h1>
|
<h1>DataTable <span>Row Group</span></h1>
|
||||||
<p>Rows can either be grouped by a separate grouping row or using rowspan.</p>
|
<p>Rows can either be grouped by a separate grouping row or using rowspan.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
<Column field="name" header="Name" headerStyle="width: 250px" columnKey="name"></Column>
|
<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="country.name" header="Country" headerStyle="width: 250px" columnKey="country"></Column>
|
||||||
<Column field="date" header="Date" headerStyle="width: 250px" columnKey="date"></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="status" header="Status" headerStyle="width: 250px" columnKey="status"></Column>
|
||||||
<Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"></Column>
|
<Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"></Column>
|
||||||
<Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"></Column>
|
<Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"></Column>
|
||||||
|
@ -177,7 +177,7 @@
|
||||||
<Column field="name" header="Name" headerStyle="width: 250px" columnKey="name"></Column>
|
<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="country.name" header="Country" headerStyle="width: 250px" columnKey="country"></Column>
|
||||||
<Column field="date" header="Date" headerStyle="width: 250px" columnKey="date"></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="status" header="Status" headerStyle="width: 250px" columnKey="status"></Column>
|
||||||
<Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"></Column>
|
<Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"></Column>
|
||||||
<Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"></Column>
|
<Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"></Column>
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<h5>Checkbox</h5>
|
<h5>Checkbox</h5>
|
||||||
<p>Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".</p>
|
|
||||||
<DataTable :value="products" :selection.sync="selectedProducts3" dataKey="id">
|
<DataTable :value="products" :selection.sync="selectedProducts3" dataKey="id">
|
||||||
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
|
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
|
||||||
<Column field="code" header="Code"></Column>
|
<Column field="code" header="Code"></Column>
|
||||||
|
|
|
@ -80,7 +80,7 @@
|
||||||
</template>
|
</template>
|
||||||
</Column>
|
</Column>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
In total there are {{products ? products.length : 0 }} products.
|
In total there are {{products ? products.length : 0 }} products.
|
||||||
</template>
|
</template>
|
||||||
</DataTable>
|
</DataTable>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="content-section introduction">
|
<div class="content-section introduction">
|
||||||
<div class="feature-intro">
|
<div class="feature-intro">
|
||||||
<h1>DeferredContent</h1>
|
<h1>DeferredContent</h1>
|
||||||
<p>DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll..</p>
|
<p>DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -23,7 +23,7 @@ import 'primeflex/primeflex.css';
|
||||||
</CodeHighlight>
|
</CodeHighlight>
|
||||||
|
|
||||||
<h5>Vertical Layout</h5>
|
<h5>Vertical Layout</h5>
|
||||||
<p>In its simplest form, a vertical layout is created when used within <i>.p-fluid</i> which makes the components use all available width.</p>
|
<p>In its simplest form, a vertical layout is created when used within <i>.p-fluid</i> that makes the components use all available width.</p>
|
||||||
<CodeHighlight>
|
<CodeHighlight>
|
||||||
<div class="p-fluid">
|
<div class="p-fluid">
|
||||||
<div class="p-field">
|
<div class="p-field">
|
||||||
|
@ -174,12 +174,12 @@ import 'primeflex/primeflex.css';
|
||||||
<CodeHighlight>
|
<CodeHighlight>
|
||||||
<div class="p-fluid p-formgrid p-grid">
|
<div class="p-fluid p-formgrid p-grid">
|
||||||
<div class="p-field p-col-12 p-md-6">
|
<div class="p-field p-col-12 p-md-6">
|
||||||
<label for="firstname6">Firstname</label>
|
<label for="firstname">Firstname</label>
|
||||||
<InputText id="firstname6" type="text" />
|
<InputText id="firstname" type="text" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12 p-md-6">
|
<div class="p-field p-col-12 p-md-6">
|
||||||
<label for="lastname6">Lastname</label>
|
<label for="lastname">Lastname</label>
|
||||||
<InputText id="lastname6" type="text" />
|
<InputText id="lastname" type="text" />
|
||||||
</div>
|
</div>
|
||||||
<div class="p-field p-col-12">
|
<div class="p-field p-col-12">
|
||||||
<label for="address">Address</label>
|
<label for="address">Address</label>
|
||||||
|
|
|
@ -552,7 +552,7 @@ import 'primeflex/primeflex.css';
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h5>Gutter</h5>
|
<h5>Gutter</h5>
|
||||||
<p>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
|
<p>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
|
||||||
<i>p-nogutter</i> class to the container. Gutters can also be removed on an ndividual columns with the same class name.
|
<i>p-nogutter</i> class to the container. Gutters can also be removed on an ndividual columns with the same class name.
|
||||||
</p>
|
</p>
|
||||||
<CodeHighlight>
|
<CodeHighlight>
|
||||||
|
@ -594,6 +594,22 @@ import 'primeflex/primeflex.css';
|
||||||
<tr>
|
<tr>
|
||||||
<td>$gutter</td>
|
<td>$gutter</td>
|
||||||
<td>.5em</td>
|
<td>.5em</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>$fieldMargin</td>
|
||||||
|
<td>1rem</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>$fieldLabelMargin</td>
|
||||||
|
<td>.5rem</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>$helperTextMargin</td>
|
||||||
|
<td>.25rem</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>$spacer</td>
|
||||||
|
<td>1rem</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
Loading…
Reference in New Issue