Cosmetics and Typos

pull/426/head
cagataycivici 2020-08-04 14:38:58 +03:00
parent d624e17cf1
commit 6b7bbfede0
11 changed files with 34 additions and 17 deletions

View File

@ -4,8 +4,8 @@
<div class="menu-category">General</div>
<div class="menu-items">
<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://github.com/primefaces/primevue" target="_blank">Source Code</a>
<a href="https://forum.primefaces.org/viewforum.php?f=110" target="_blank">Forum</a>
<a href="https://github.com/primefaces/primevue" target="_blank">Code</a>
<router-link to="/support">Support</router-link>
</div>
@ -21,7 +21,7 @@
<router-link to="/display">Display</router-link>
<router-link to="/elevation">Elevation</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="/spacing">Spacing</router-link>
<router-link to="/text">Text</router-link>

View File

@ -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 {

View File

@ -3,7 +3,7 @@
<div class="content-section introduction">
<div class="feature-intro">
<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>

View File

@ -3,7 +3,7 @@
<div class="content-section introduction">
<div class="feature-intro">
<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>

View File

@ -2,7 +2,7 @@
<div>
<div class="content-section introduction">
<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>
</div>
</div>

View File

@ -72,7 +72,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>
@ -177,7 +177,7 @@
&lt;Column field="name" header="Name" headerStyle="width: 250px" columnKey="name"&gt;&lt;/Column&gt;
&lt;Column field="country.name" header="Country" headerStyle="width: 250px" columnKey="country"&gt;&lt;/Column&gt;
&lt;Column field="date" header="Date" headerStyle="width: 250px" columnKey="date"&gt;&lt;/Column&gt;
&lt;Column field="company" header="Country" headerStyle="width: 250px" columnKey="company"&gt;&lt;/Column&gt;
&lt;Column field="company" header="Company" headerStyle="width: 250px" columnKey="company"&gt;&lt;/Column&gt;
&lt;Column field="status" header="Status" headerStyle="width: 250px" columnKey="status"&gt;&lt;/Column&gt;
&lt;Column field="activity" header="Activity" headerStyle="width: 250px" columnKey="activity"&gt;&lt;/Column&gt;
&lt;Column field="representative.name" header="Representative" headerStyle="width: 250px" columnKey="representative"&gt;&lt;/Column&gt;

View File

@ -70,7 +70,7 @@
<div class="card">
<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">
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="code" header="Code"></Column>

View File

@ -80,7 +80,7 @@
&lt;/template&gt;
&lt;/Column&gt;
&lt;template #footer&gt;
In total there are {{products ? products.length : 0 }} products.
In total there are &#123;&#123;products ? products.length : 0 &#125;&#125; products.
&lt;/template&gt;
&lt;/DataTable&gt;
</template>

View File

@ -3,7 +3,7 @@
<div class="content-section introduction">
<div class="feature-intro">
<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>

View File

@ -23,7 +23,7 @@ import 'primeflex/primeflex.css';
</CodeHighlight>
<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>
&lt;div class="p-fluid"&gt;
&lt;div class="p-field"&gt;
@ -174,12 +174,12 @@ import 'primeflex/primeflex.css';
<CodeHighlight>
&lt;div class="p-fluid p-formgrid p-grid"&gt;
&lt;div class="p-field p-col-12 p-md-6"&gt;
&lt;label for="firstname6"&gt;Firstname&lt;/label&gt;
&lt;InputText id="firstname6" type="text" /&gt;
&lt;label for="firstname"&gt;Firstname&lt;/label&gt;
&lt;InputText id="firstname" type="text" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-6"&gt;
&lt;label for="lastname6"&gt;Lastname&lt;/label&gt;
&lt;InputText id="lastname6" type="text" /&gt;
&lt;label for="lastname"&gt;Lastname&lt;/label&gt;
&lt;InputText id="lastname" type="text" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12"&gt;
&lt;label for="address"&gt;Address&lt;/label&gt;

View File

@ -552,7 +552,7 @@ import 'primeflex/primeflex.css';
</div>
<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.
</p>
<CodeHighlight>
@ -594,6 +594,22 @@ import 'primeflex/primeflex.css';
<tr>
<td>$gutter</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>
</tbody>
</table>