vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add placeholders

pull/256/head
cagataycivici 2020-03-16 21:49:49 +03:00
parent 5c0bf10e8a
commit 876c96f2b9
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/treetable/TreeTableFilterDemo.vue
View File

@ -20,17 +20,17 @@
</template> </template>
<Column field="name" header="Name" :expander="true"> <Column field="name" header="Name" :expander="true">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['name']" class="p-column-filter" /> <InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Filter by name" />
</template> </template>
</Column> </Column>
<Column field="size" header="Size"> <Column field="size" header="Size">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['size']" class="p-column-filter" /> <InputText type="text" v-model="filters['size']" class="p-column-filter" placeholder="Filter by size"/>
</template> </template>
</Column> </Column>
<Column field="type" header="Type"> <Column field="type" header="Type">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['type']" class="p-column-filter" /> <InputText type="text" v-model="filters['type']" class="p-column-filter" placeholder="Filter by type"/>
</template> </template>
</Column> </Column>
</TreeTable> </TreeTable>
@ -45,17 +45,17 @@
</template> </template>
<Column field="name" header="Name" :expander="true"> <Column field="name" header="Name" :expander="true">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['name']" class="p-column-filter" /> <InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Filter by name" />
</template> </template>
</Column> </Column>
<Column field="size" header="Size"> <Column field="size" header="Size">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['size']" class="p-column-filter" /> <InputText type="text" v-model="filters['size']" class="p-column-filter" placeholder="Filter by size" />
</template> </template>
</Column> </Column>
<Column field="type" header="Type"> <Column field="type" header="Type">
<template #filter> <template #filter>
<InputText type="text" v-model="filters['type']" class="p-column-filter" /> <InputText type="text" v-model="filters['type']" class="p-column-filter" placeholder="Filter by type" />
</template> </template>
</Column> </Column>
</TreeTable> </TreeTable>
@ -76,17 +76,17 @@
&lt;/template&gt; &lt;/template&gt;
&lt;Column field="name" header="Name" :expander="true"&gt; &lt;Column field="name" header="Name" :expander="true"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['name']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Filter by name" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column field="size" header="Size"&gt; &lt;Column field="size" header="Size"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['size']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['size']" class="p-column-filter" placeholder="Filter by size" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column field="type" header="Type"&gt; &lt;Column field="type" header="Type"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['type']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['type']" class="p-column-filter" placeholder="Filter by type" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;/TreeTable&gt; &lt;/TreeTable&gt;
@ -101,17 +101,17 @@
&lt;/template&gt; &lt;/template&gt;
&lt;Column field="name" header="Name" :expander="true"&gt; &lt;Column field="name" header="Name" :expander="true"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['name']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Filter by name" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column field="size" header="Size"&gt; &lt;Column field="size" header="Size"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['size']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['size']" class="p-column-filter" placeholder="Filter by size" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column field="type" header="Type"&gt; &lt;Column field="type" header="Type"&gt;
&lt;template #filter&gt; &lt;template #filter&gt;
&lt;InputText type="text" v-model="filters['type']" class="p-column-filter" /&gt; &lt;InputText type="text" v-model="filters['type']" class="p-column-filter" placeholder="Filter by type" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;/TreeTable&gt; &lt;/TreeTable&gt;